html & html5, 原创

IE6,IE7,li 间距被莫名拉大

有时候在使用ul,li 的时候 发现 li 的间距被莫名拉大,导致的结果自然是FF等正常显示,而IE6,7却间距太大而影响美观。 用IE-TESTER 测试发现li下面莫名多出一部分,但又不属于该li的东西。

原因:如果你在ul中定义了padding,这个padding会继承到li中去,即便你真对该ul中的li设置了padding 为0 也不行,IE6,7不能识别这个继承的padding,解决方法就是在ul的外面在定义个div来设置你原来在ul中的padding值,ul还是设置padding为0,这样一切归于正常。这个问题跟设置float left rigjht 无关,与display inline 无关。

(744)

Related Post