小白得块元素塌陷问题解决

元素塌陷问题：子元素脱离文档流，父元素无高度为元素塌陷问题

这就是元素塌陷，父元素div1没有高度，因为子元素都浮动 解决方法：

1.给父元素设置固定高度

缺点：这种方法不好，因为有时候你并不知道父元素高度应该设为多少

2.给父元素也浮动(float,position:absolute)

缺点：强制让父元素浮动，里面要是再想添加别的不浮动的子元素会影响父元素

3.给父元素加overflow:hidden

缺点：一旦有不浮动的子元素，将会影响布局

4.添加一个无关的子元素，给子元素加clear：both

缺点：添加了一个无关元素，代码阅读受影响。

#div5{
clear:both;
}

5. 通过伪类来实现，在需要清除浮动的父元素里，添加一个清除浮动的伪类

最推荐这种方法！！！

#div1:after {
content:"";
display: block;
clear: both;
}