高度塌陷是如何引起的?

解析:

  当一个 div中所有的子  div都进行了浮动后,那么会出现该问题,那么解决方就是在div

  设置其  overflow:hidden;即可解决高度塌陷问题.

  方式二:在父 div结束标签前添加一个子的  div,给该 div设置一个 id,然后通过样式清除浮动。代码如下:

  

#littlediv{clear:left;}      //左侧不允许浮动

或者是
#littlediv{clear:both;}    //清除左右两侧浮动元素