HTML中清除浮动的三种方法

当父元素不设置高度，且子元素浮动时，会发生高度塌陷，解决办法如下：
1.给父元素添加overflow:hidden;
《注：如果父元素上有定位，且定位在父元素之外，此方法不适用》
2.最后一个浮动元素的下方添加一个空的div，并添加声明：height:0;overflow:hidden;clear:both;
《注：造成代码冗余》
3.万能清除浮动法：
父元素选择符：after{content".";clear:both;height:0;overflow:hidden;visibility:hidden; display:block;}
《注：.clear:after{content:".";clear: both;display: block;overflow: hidden;height: 0;visibility: hidden;}此写法要在需要清除浮动的父元素标签的class属性上添加空格加clear》