清除浮动

1.添加空标签

<ul>
    <li></li>
    <li></li>
    <div class="clearfix"></div>
</ul>

.clearfix {
    clear: both;    
}

2.伪元素

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

推荐阅读更多精彩内容

  • 什么是浮动？有哪些清除浮动的方法？
    我们在日常开发布局中经常会使用到流体布局，流体布局用到的一个最重要的属性就是浮动，今天就来看看浮动的相关知识。 1...
    一木_qintb阅读 1,158评论 0赞 2
  • 16-CSS基础-清除浮动
    清除浮动 盒子高度问题 在标准流中内容的高度可以撑起盒子的高度 在浮动流中浮动元素内容的高不可以撑起盒子的高 清除...
    极客江南阅读 9,488评论 8赞 69
  • 浮动与清除浮动
    原文地址：浮动与清除浮动 浮动 浮动的概念 浮动元素会脱离文档流并向左/向右浮动，直到碰到父元素或者另一个浮动元素...
    薛普定朗谔克阅读 787评论 3赞 14
  • CSS-清除浮动
    清除浮动 盒子高度问题 在标准流中内容的高度可以撑起盒子的高度 在浮动流中浮动元素内容的高不可以撑起盒子的高 清除...
    Zalman1阅读 349评论 0赞 0
  • 深入理解浮动与清除浮动，玩转「float」属性
    有些属性就像姑娘一样让人爱的深沉，又像敌人一样让人肉痛不已，float即是如此。 什么是浮动   浮动是脱离文档的...
    果汁凉茶丶阅读 1,642评论 0赞 3