浏览器布局兼容汇总

1、没有定义浮动的元素在IE7及其以下浏览器中仍然会与定义了浮动的元素产生作用，但是在IE8、火狐等标准浏览器中，没有定义浮动属性的元素会直接无视定义了浮动属性的元素的存在，不受其影响（但里面的文本不会），看图（黄色div为包含块，黑色div为向左浮动，蓝色div没定义浮动）

  IE6、7的效果，注意，此时如果给蓝色div设置margin-left,则margin-left的值必须超过了黑色div的宽度才有效果，图中蓝黑div之间的3px间隙是IE6的一个BUG

       蓝色div的margin-left为0的效果          蓝色div的margin-left为50px的效果

           

IE8、FF的效果

蓝色div的margin-left为0的效果               蓝色div的margin-left为50px的效果