CSS浮动问题总结

1.在IE6或者IE7下，元素浮动要并在同一行的元素都要加浮动。

2.IE6下的双边距Bug问题：

问题描述：在IE6下，块元素有浮动和横向的margin时，横向的margin值会被放大两倍

解决办法：给要浮动的元素添加display:inline;属性

3.IE6和IE7下li有若干px的间隙问题：

原因：在IE6和IE7下，li本身没浮动，但内容浮动了，li下面就会多出几px的间隙

解决办法：1.给li加浮动（太麻烦，会造成后续一系列的问题）

    2.给li添加 vertical-align:top;属性（最常用的解决办法）

4.在IE6下，高度小于19px的元素，高度会被当做19px来处理

解决办法：1.给元素添加font-size:0;属性（缺点：最小只能处理到2px）

 2.给元素添加 over-flow:hidden;属性（最常用的解决办法）