QQ 1640076782

2011年08月11日

IE6下神秘的18px高度[div+css兼容问题]

Filed under: li — lifengwu @ 3:11 上午

在工作中发现,IE6的div高度不能低于18px,设置了半天10px还是18px,总是差8px。而FF等其他浏览器中却没有问题。图中红色为设置height为10px,绿色的为20px。

解决的方法:
一、给盒子定义font-size:0属性;
二、给盒子定义overflow:hidden属性。
这样,在IE6、IE7、FF和Google里的效果就一样了。

这是IE6的一个bug,在平常的建站过程中有时会遇到,会出现兼容问题,导致IE6和其它浏览器显示效果不一样。
虽然说现在IE已经出到IE9了,但使用IE6还大有人在,所以兼容问题我们都是会解决的。