【发布时间】:2013-09-16 03:37:17
【问题描述】:
那么,如果你将float: left; 添加到一个元素,它就会被从流中取出,对吗?据我所知,position: absolute; 也是如此,那么如何使用 clearfix 清除浮动元素,但对绝对定位的元素却无能为力?从内容流中删除它们的方式有什么区别?
【问题讨论】:
标签: css css-float css-position clearfix
那么,如果你将float: left; 添加到一个元素,它就会被从流中取出,对吗?据我所知,position: absolute; 也是如此,那么如何使用 clearfix 清除浮动元素,但对绝对定位的元素却无能为力?从内容流中删除它们的方式有什么区别?
【问题讨论】:
标签: css css-float css-position clearfix
不,浮动元素不会像绝对定位元素那样完全脱离流程,它们只是被提升为其他内容流动的元素。浮动元素的最初用途是例如文章中的图像;通过浮动图像,文章中的文本将围绕它流动。
注意:clearfix 不用于清除浮动元素,它用于将浮动元素包含在另一个元素中。要清除浮动元素,您只需使用 clear 样式。
【讨论】:
浮动元素也可以在父节点的右侧或左侧,但不能像绝对定位元素一样在 top: 10px; 顶部下方仅十个像素。它们总是以某种方式与流程保持联系,这使得使用 clearfix 成为可能。
【讨论】: