2014前端开发必备之浏览器兼容性处理方法大全.docxVIP

浏览器兼容性处理方法大全1、居中问题?div里的内容，IE默认为居中，而FF默认为左对齐，可以尝试增加代码margin: 0 auto;?2、高度问题?两上下排列或嵌套的div，上面的div设置高度(height)，如果div里的实际内容大于所设高度，在FF中会出现两个div重叠的现象；但在IE中，下面的div会自动给上面的div让出空间所以为避免出现层的重叠，高度一定要控制恰当，或者干脆不写高度，让他自动调节，比较好的方法是 height:100%;但当这个div里面一级的元素都float了的时候，则需要在div块的最后，闭和前加一个沉底的空div，对应CSS是：.float_bottom {clear:both;height:0px;font-size:0px;padding:0;margin:0;border:0;line-height:0px;overflow:hidden;}?3、clear:both;?不想受到float浮动的，就在div中写入clear:both;?4、IE浮动 margin产生的双倍距离?#box { float:left; width:100px; margin:0 0 0 100px; //这种情况之下IE会产生200px的距离 display:inline; //使浮动忽略 }?5、padding问题?FF设置 padding 后，div会增加