为什么要清除浮动元素但不能清除绝对元素?

时间:2013-09-11 22:49:33

标签: css css-float css-position clearfix

那么,如果你将float: left;添加到一个元素中,它就会从流程中被删除?据我所知,这也是position: absolute;的情况,那么你怎么能用clearfix清除浮动元素呢,但你对绝对定位的元素无能为力?每个从内容流中删除的方式有何不同?

2 个答案:

答案 0 :(得分:3)

不,浮动元素不像完全定位元素那样完全脱离流,它们只是被提升为其他内容流动的元素。浮动元素的最初使用例如是文章中的图像;通过浮动图像,文章中的文本将围绕它流动。

注意:clearfix不用于清除浮动元素,它用于在另一个元素中包含浮动元素。要清除浮动元素,只需使用clear样式。

答案 1 :(得分:1)

浮动元素也可以是父节点的右侧或左侧,但不能只在顶部下方十个像素,top: 10px;像绝对定位元素一样。它们始终以某种方式与流程相关联,因此可以使用clearfix。