视频笔记：浮动的问题、IE6、IE7的bug

在IE6,IE7元素浮动元素要并在同一行，
都要加浮动，这样元素之间不会产生间距和其他问题；
IE6下的双边距Bug：在IE6下(子)元素有浮动，
横向的margin会放大两倍；
解决办法：给子元素加display:inline;
IE6，7下的几px问题：在IE6,7下li没有浮动，但内容浮动了
li下就会多出来几px;
解决办法：1.给li加浮动并且设置宽度
             li{ float:left; width:400px;}
          2.给li加(垂直对齐方式)vertical-align:top/middle/bottom;
垂直对齐方法：vertical-align:top/middle/bottom;
注意要对齐的元素都要加上该属性和属性值；
如果元素设置了浮动，默认该元素是顶部对齐的，不可更改
只能通过边距来更改；
vertical-align还可以用来清理图片下多余的空隙
img{
    vertical-align: bottom;
    }
在IE6下高度小于19px的元素，会当作19px处理，
解决办法：overflow:hidden;超出范围之外的都隐藏