关于清除浮动

我发现当设置了盒子浮动的时候,其父元素的BG消失了,我猜想是因为子元素的浮动导致了父元素的布局的错乱,于是网上搜索了一下关于浮动的知识,我在CSS里面写了

.clearfix{

clear:both

然后在浮动元素盒子的最后面又添加了一个盒子

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

解决了问题,消失的父元素盒子的BG又回来了,证明了清除浮动解决了问题

心得:最近写代码用浮动的时候老师会导致布局错乱,现在学会了清除浮动,解决了一部风的问题

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

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,815评论 1 92
  • http://www.jianshu.com/p/09bd5873bed4这篇写的也挺好mark。 浮动对页面的影...
    小豆soybean阅读 260评论 0 0
  • 刚学习了浮动,这里整理一下清除浮动的方法。 一、伪元素 伪元素清除浮动是伪元素的用途之一,这是清除浮动的一个相对比...
    婷楼沐熙阅读 661评论 0 0
  • 浅谈CSS关于清除浮动的三种方法 CSS中,因为布局需要,我们常常希望出现一些浮动布局,比如图文环绕。这些浮动布局...
    _刘小c阅读 360评论 0 1
  • demo 先记录下: clear:right/left对最上面一排的没作用?2.为什么3号蓝色方块clear:ri...
    吴晗君阅读 134评论 0 0