源码网,源码论坛,源码之家,商业源码,游戏源码下载,discuz插件,棋牌源码下载,精品源码论坛

 找回密码
 立即注册
楼主: ttx9n

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

[复制链接]

7万

主题

861

回帖

32万

积分

论坛元老

Rank: 8Rank: 8

积分
329525
发表于 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前端代码的注意事项
回复

使用道具 举报

2

主题

2万

回帖

69

积分

注册会员

Rank: 2

积分
69
发表于 2022-8-18 04:37:04 | 显示全部楼层
hi哦回复iOS就看见
回复 支持 反对

使用道具 举报

2

主题

2万

回帖

221

积分

中级会员

Rank: 3Rank: 3

积分
221
发表于 2022-12-5 00:40:38 | 显示全部楼层
需要很久了终于找到了
回复 支持 反对

使用道具 举报

16

主题

2万

回帖

174

积分

注册会员

Rank: 2

积分
174
发表于 2023-1-18 07:52:36 | 显示全部楼层
儿飞飞微风DVD谁vdsvd
回复 支持 反对

使用道具 举报

1

主题

1万

回帖

93

积分

注册会员

Rank: 2

积分
93
发表于 2023-2-12 12:44:00 | 显示全部楼层
哦哦哦哦哦哦哦哦哦
回复 支持 反对

使用道具 举报

0

主题

1万

回帖

0

积分

中级会员

Rank: 3Rank: 3

积分
0
发表于 2023-2-19 05:59:00 | 显示全部楼层
需要很久了终于找到了
回复 支持 反对

使用道具 举报

16

主题

2万

回帖

174

积分

注册会员

Rank: 2

积分
174
发表于 2023-3-17 13:47:33 | 显示全部楼层
我找了挺久终于找到了
回复 支持 反对

使用道具 举报

0

主题

1万

回帖

0

积分

中级会员

Rank: 3Rank: 3

积分
0
发表于 2023-4-15 14:18:05 | 显示全部楼层
。。。。。。。。。。。。。。。
回复 支持 反对

使用道具 举报

0

主题

2万

回帖

0

积分

中级会员

Rank: 3Rank: 3

积分
0
发表于 2023-9-11 06:48:29 | 显示全部楼层
而非为吾问无为谓娃娃
回复 支持 反对

使用道具 举报

4

主题

2万

回帖

107

积分

注册会员

Rank: 2

积分
107
发表于 2023-12-10 22:19:09 | 显示全部楼层
好东西可以可以可以可以
回复 支持 反对

使用道具 举报

高级模式
B Color Image Link Quote Code Smilies

本版积分规则

手机版|小黑屋|网站地图|源码论坛 ( 海外版 )

GMT+8, 2024-12-2 07:44 , Processed in 0.073702 second(s), 25 queries .

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表