什么是div塌陷

最新推荐文章于 2023-07-21 08:38:19 发布

oShuiMu

最新推荐文章于 2023-07-21 08:38:19 发布

阅读量1.6k

点赞数

分类专栏： css

本文链接：https://blog.csdn.net/oShuiMu/article/details/88609961

版权

css 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

我子元素设置了浮动，就是脱离了文档，父元素里面就相当于没有东西了

塌陷问题

<style type="text/css">

      
       #nav1:after{
            overflow:hidden

        }

       #nav2{
       	width:100px;
       	height: 100px;
       	background-color:blue;
       	float:left;
       }

      

</style>

     <div id="nav2"></div>
      
 </div style="clear:both;" >

我用谷歌ie9完全不知道父元素在哪？给每个盒子设定固定的width和height 以下几种好像不能用给外部的父盒子也添加浮动 overflow:hidden; 可能会带来内容不可见的问题父盒子里最下方引入清除浮动块
after+content方法清除浮动造成的塌陷 #nav1:after{ clear: both; content: “”; width: 0; height: 0; display: block; visibility: hidden; }