目录
1、高度塌陷
2、为什么清除浮动
3、如何清除浮动
1、高度塌陷
高度塌陷简单说就是,府级元素包涵的子元素浮动了,当父级元素没有设置高度时,会因为没有子元素“撑开”,而变成一条线。
2、为什么清除浮动
清除浮动主要是为了解决,父元素因为子级元素浮动引起的内部高度为0的问题。
3、如何清除浮动?
给父元素设置overflow:hidden额外标签法(隔墙法):在子元素后边设置用一个空元素,设置一个clear:both属性双伪元素法伪元素法:<style>.a{width: 200px;background-color: red;}.b{height: 100px;width: 100px;background-color: pink;}.a:after{//伪元素content: "";height: 0px;display: block;overflow: hidden;visibility: hidden;}</style></head><body><div class="a"><div class="b"></div></div></body>