css清除浮动

1、float之后外层的计算好高度，给外层设置高度

2、最外层模块的after选择器clear：both

3、加入overflow:hidden即可清除浮动呢？那是因为overflow:hidden属性相当于是让父级紧贴内容，这样即可紧贴其对象内内容（包括使用float的div盒子），从而实现了清除浮动。Css overflow:hidden清除浮动方法DIVCSS5推荐使用。

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • HTML+CSS(47-72)
    问答题47 /72 常见浏览器兼容性问题与解决方案？ 参考答案 (1)浏览器兼容问题一：不同浏览器的标签默认的外补...
    _Yfling阅读 13,815评论 1赞 92
  • CSS清除浮动（Clear与BFC）
    在CSS布局中float属性经常会被用到，但使用float属性后会使其在普通流中脱离父容器，让人很苦恼。 浮动带来...
    wmsj100阅读 875评论 0赞 1
  • CSS-清除浮动
    什么是CSS清除浮动？ 在非IE浏览器（如Firefox）下，当容器的高度为auto，且容器的内容中有浮动（flo...
    秦至阅读 436评论 1赞 8
  • CSS清除浮动（Clear与BFC）
    清除浮动一般有两种思路：一、利用clear属性，清除浮动二、使父容器形成BFC 一、利用clear属性，清除浮动c...
    饥人谷_紫尘阅读 4,773评论 2赞 11
  • CSS清除浮动的几种方法
    浮动的几个重要性质 首先，浮动有几个很重要的性质 脱标：脱离标准文档流 贴边（浮动会紧贴着浮动方向的边 字围（浮动...
    赵镇阅读 1,011评论 2赞 22