如何解决IE6下div错位的问题,以及IE7、IE8样式不兼容问题

时间:2021-09-26 20:33:21

1. IE6下div错位的问题

在IE7、IE8下,采用‘float: left’的div都没有问题,但是在IE6下却会向下移动,出现空白。这是因为IE6采用的内核默认把div之间的距离增加了3-5个px,所以,可以在下移的div的style里增加“margin-left: -5px”或者更小。


2. 解决IE7、IE8样式不兼容

在液面中加入HTTP meta-tag

<meta http-equiv="X-UA-Compatible" content="IE=EmulatedIE7"/>

只要IE8读到这个标签,他就会自动启动IE7兼容模式,保证页面完整展示。