清除浮动的常用方法

1.给父盒子定义伪类 after 和 zoom

要把clearfloat 和 zoom 综合使用才能解决兼容性问题  推荐使用!


2.给没有使用定位的父盒子定义 overflow hidden    不能和position 配合使用,否则超出部分会被隐藏。


3.结尾处加空标签 给标签加clear both

如果浮动较多的话,会增加很多空盒子,不推荐使用。


4.给父盒子固定高度。

适合高度固定的布局,如果高度和父级div不一样,会出现问题。不建议使用。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,692评论 1 92
  • 这篇文章极好,以至于让我受益良多,就一字没有改动的转发过来一丝冰凉老师的文章 需要注意的是,display:tab...
    新晋小牛牛阅读 4,700评论 0 2
  • 关于清除浮动的四种方法 浮动对页面的影响: 如果一个父盒子中有一个子盒子,并且父盒子没有设置高,子盒子在父盒子中进...
    jrg陈咪咪sunny阅读 3,975评论 0 1
  • 盒子的高度问题 1.标准流中盒子的高度可以被内容高度撑起来;2.浮动流中浮动的内容不能撑起盒子的高度; 为什么要清...
    壹点微尘阅读 3,114评论 0 0
  • 我们在日常开发布局中经常会使用到流体布局,流体布局用到的一个最重要的属性就是浮动,今天就来看看浮动的相关知识。 1...
    一木_qintb阅读 4,826评论 0 2

友情链接更多精彩内容