清除浮动

方法一

.clearfix{display:block;zoom:1;}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

方法二

.clearfix { zoom: 1; }

.clearfix:before,.clearfix:after { content: ""; display: table; }

.clearfix:after { clear: both; }

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

推荐阅读更多精彩内容

  • HTML+CSS(47-72)
    问答题47 /72 常见浏览器兼容性问题与解决方案？ 参考答案 (1)浏览器兼容问题一：不同浏览器的标签默认的外补...
    _Yfling阅读 14,682评论 1赞 92
  • 清除浮动的方式
    在CSS规范中，浮动定位不属于正常的页面流（page flow），是独立定位的。所以，只含有浮动元素的父容器，在显...
    隔壁的UNCLE张阅读 3,418评论 0赞 4
  • 什么是浮动？有哪些清除浮动的方法？
    我们在日常开发布局中经常会使用到流体布局，流体布局用到的一个最重要的属性就是浮动，今天就来看看浮动的相关知识。 1...
    一木_qintb阅读 4,819评论 0赞 2
  • 关于胡萝卜的一段故事。
    小黑兔：小白兔咱俩比赛吃胡萝卜吧。 小白兔：好啊。 小白兔吃了9根后。小黑兔吃了11根。 小黑兔：哇！小白兔你赢了...
    未阿阅读 4,408评论 0赞 0
  • TS 笔记十 namespace module
    参考javascript全局变量污染会出现哪些问题？[https://segmentfault.com/q/101...
    合肥黑阅读 13,701评论 0赞 7