清除浮动

存在父元素

方法一：父元素添加 overflow:hidden
方法二：父元素同子元素一起添加 float:left
方法三：在末尾添加一个子元素 content:'';display:block;clear:both

不存在父元素

同方法三

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

推荐阅读更多精彩内容

  • HTML+CSS(47-72)
    问答题47 /72 常见浏览器兼容性问题与解决方案？ 参考答案 (1)浏览器兼容问题一：不同浏览器的标签默认的外补...
    _Yfling阅读 14,687评论 1赞 92
  • 清除浮动
    浮动，从诞生那天起，它就是个特别的属性——既为网页布局带来新的方法，却又随之产生一系列的问题。当然，随着时间的推移...
    郝特么冷阅读 4,278评论 0赞 6
  • 清除浮动
    浮动元素在各种浏览器中显示效果可能不相同，这样让清除浮动更难，下面总结8种清除浮动的方案，测试已通过IE 、Chr...
    闻金听凤阅读 2,885评论 0赞 1
  • 章节(16) 清除浮动
    盒子的高度问题 1.标准流中盒子的高度可以被内容高度撑起来;2.浮动流中浮动的内容不能撑起盒子的高度; 为什么要清...
    壹点微尘阅读 3,034评论 0赞 0
  • 什么是浮动？有哪些清除浮动的方法？
    我们在日常开发布局中经常会使用到流体布局，流体布局用到的一个最重要的属性就是浮动，今天就来看看浮动的相关知识。 1...
    一木_qintb阅读 4,819评论 0赞 2