浮动元素撑起父级元素

浮动会使元素脱离文档流，如果不设置父级高度，父级将失去高度，影响页面布局。这里总结了一些常用的方法，是父级“有高度”。

1. 设置父级高度

设置一个合适的高度，这种方法比较适用于元素高度固定的场景。

2. 设置父级元素"overflow: hidden;"

这种方法比较简单，但要确保父级元素没有溢出样式。

3. 设置父级浮动

让父级标签也跟着浮动，但是父级元素也将脱离文档流。

4. 添加一个子元素，清除浮动“clear: both;”

在最后一个浮动元素后面添加一个空的块级元素，清除浮动

5. 使用:after伪元素选择器，选择父级，改方法同方法4相似

.father:after{  
  content:"";  
　height:0;  
　visibility:hidden;  
　display:block;  
　clear:both;  
}