IE6下神秘的18px高度

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

    网上搜寻很久终于发现了解决的办法，原来需要在div的样式中加入font-size:0; 这样，IE6就能乖乖的降低到了10px。
虽然解决了问题，在心里暗骂了IE6 N遍，但是，总觉得现在的div布局应该还是存在些问题。毕竟，按照严格的语义来说，不应该使用div来进行整体布局。

评论

1 楼 阳光暖暖 2009-03-12  

不一定font-size设置为0才能达到要求，只要设置的字体大小小于包围框的高度就可以实现要的效果了。ie6即使包围框中没有内容，它也认为里面有内容。所以那个高度实际上是为包围框中的字留的。
用div布局还是不错的。主要是浏览器的问题。