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

ttx9n · 发表于 2010-8-8 22:14:48

网页中设置了"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前端代码的注意事项

a971560 · 发表于 2022-8-18 04:37:04

hi哦回复iOS就看见

bp5jgbcnt · 发表于 2022-12-5 00:40:38

需要很久了终于找到了

平平安安 · 发表于 2023-1-18 07:52:36

儿飞飞微风DVD谁vdsvd

wangdj110 · 发表于 2023-2-12 12:44:00

哦哦哦哦哦哦哦哦哦

x20yd3qx · 发表于 2023-2-19 05:59:00

需要很久了终于找到了

平平安安 · 发表于 2023-3-17 13:47:33

我找了挺久终于找到了

6hruhg · 发表于 2023-4-15 14:18:05

。。。。。。。。。。。。。。。

ki9ku6 · 发表于 2023-9-11 06:48:29

而非为吾问无为谓娃娃

locopy · 发表于 2023-12-10 22:19:09

好东西可以可以可以可以

账号		自动登录	找回密码
密码			立即注册

[心得技巧] IE环境规定div高度必须大于字体高度的问题

相关帖子