关于浮动父元素高度会坍塌的一些问题

当给子元素加上浮动时，父元素没高度的话，一般就包不住子元素，这时解决办法也有多种，

当子元素加上浮动以后，会引起父元素高度的变化，从而不能继续包住子元素,解决方案如下:

1.也给父元素加上浮动
2.给父元素的display属性设置为：inline-block;
3.在子元素下加上一个空盒子，并清除浮动，这样可以撑起父元素高度
4.在以元素下加上一个<br/ clear="all">
5.设置伪元素 :after{ content:"";display:block;clear:both; };
6.使用overflow方法也能解决父元素高度坍塌问题,不过在IE6下要配合
zoom一起使用，用来提升层级,IE6下的haslayout引擎机制
--推荐使用第5种方法