【问题标题】:Why can you clear floating elements but not absolutely positioned elements?为什么可以清除浮动元素但不能清除绝对定位元素?
【发布时间】:2013-09-16 03:37:17
【问题描述】:

那么,如果你将float: left; 添加到一个元素,它就会被从流中取出,对吗?据我所知,position: absolute; 也是如此,那么如何使用 clearfix 清除浮动元素,但对绝对定位的元素却无能为力?从内容流中删除它们的方式有什么区别?

【问题讨论】:

    标签: css css-float css-position clearfix


    【解决方案1】:

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

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

    【讨论】:

      【解决方案2】:

      浮动元素也可以在父节点的右侧或左侧,但不能像绝对定位元素一样在 top: 10px; 顶部下方仅十个像素。它们总是以某种方式与流程保持联系,这使得使用 clearfix 成为可能。

      【讨论】:

        猜你喜欢
        • 2012-10-01
        • 2015-11-24
        • 1970-01-01
        • 2012-05-28
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2011-01-28
        • 1970-01-01
        相关资源
        最近更新 更多