开发者社区> 问答> 正文

可以清除浮动的方法有哪些啊?

可以清除浮动的方法有哪些啊?

展开
收起
游客vwuxaq6iqaowc 2021-12-14 16:52:48 674 0
1 条回答
写回答
取消 提交回答
  • 浮动会漂浮于普通流之上,像浮云一样,但是只能左右浮动。正是这种特性,导致框内部由于不存在其他普通流元素了,表现出高度为0(高度塌陷)。

    a. 添加额外标签,例如

    b. 使用br标签和其自身的html属性,例如


    c. 父元素设置 overflow:hidden;在IE6中还需要触发hasLayout,例如zoom:1;

    d. 父元素设置 overflow:auto 属性;同样IE6需要触发hasLayout

    e. 父元素也设置浮动

    f. 父元素设置display:table

    g. 使用:after 伪元素;由于IE6-7不支持:after,使用 zoom:1触发 hasLayout。

    在CSS2.1里面有一个很重要的概念,那就是 Block formatting contexts (块级格式化上下文),简称 BFC。

    创建了BFC的元素就是一个独立的盒子,里面的子元素不会在布局上影响外面的元素,同时BFC仍然属于文档中的普通流。

    IE6-7的显示引擎使用的是一个称为布局(layout)的内部概念。

    2021-12-14 16:53:15
    赞同 展开评论 打赏
问答地址:
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载