float 的作用 是为了实现让文字环绕效果,这样一来会破坏父元素的高度 这时突然蒙了,BUG,BUG!!!
其实这并不BUG ,是特性。
那如果解决这个问题呢?
1.clear:both; (两个山之间的铁链桥)
2.BFC/haslayout (受保护,隧道桥)
.clearfix:after{content:'';display:block;height:0;overflow:hidden;clear:both} //作用在父元素上边
.clearfix{*zoom:1;}
display :table-cell;