IE环境规定div高度必须大于字体高度的问题 -电脑资料

电脑资料 时间:2019-01-01 我要投稿
【www.unjs.com - 电脑资料】

    网页中设置了"bottom"这个div框,该框内没有内容,只有在css中设置其背景为一张图片,再设置高度为10px,

IE环境规定div高度必须大于字体高度的问题

。在FF、Safari等浏览器上完全正常,然而,在IE上出现图片repeat的现象。

    复制代码

代码如下:

   

   

   

    ...

   

   

   

    经搜索得知,原来IE规定div框的高度必须高于该框的字体高度,

电脑资料

IE环境规定div高度必须大于字体高度的问题》(https://www.unjs.com)。而在网页中设置的高度默认是12px。因此设置div高度为10px必然会失效。

    解决方法很简单,就是将该div的字体的size设置为0,这样div设置的高度就正常工作了,网页也恢复正常。

    PS:该问题目前已找到新的解决办法,就是在页面代码最顶端增加一句表示支持W3C标准的语句,详见笔者另一篇文章:编写Web前端代码的注意事项

最新文章