IE环境规定div高度必须大于字体高度的问题
网页中设置了"bottom"这个div框，该框内没有内容，只有在css中设置其背景为一张图片，再设置高度为10px。在FF、Safari等浏览器上完全正常，然而，在IE上出现图片repeat的现象。
复制代码
代码如下:<div class="content">
<div class="title"></div>
<div class="body">
...
</div>
<div class="bottom"></div>
</div>
经搜索得知，原来IE规定div框的高度必须高于该框的字体高度。而在网页中设置的高度默认是12px。因此设置div高度为10px必然会失效。
解决方法很简单，就是将该div的字体的size设置为0，这样div设置的高度就正常工作了，网页也恢复正常。
PS:该问题目前已找到新的解决办法，就是在页面代码最顶端增加一句表示支持W3C标准的语句，详见笔者另一篇文章：编写Web前端代码的注意事项
很赞哦！()
大图广告（830*140）
