IE 元素默认高度研究

2024-07-11 08:34:37

字体：大中小

来源：转载

供稿：网友



width:100px;
height:1px;
overflow:hidden;

width:100px; height:0px;
width:100px; line-height:0px
width:100px; font-size:0;
width:100px; height:0px; line-height:0px;
width:100px; height:0px; font-size:0;
width:100px; height:0px; overflow:hidden;
width:100px; line-height:0px; overflow:hidden
width:100px; font-size:0px; overflow:hidden

总结：

如果你需要从0开始自适应高度，那么不要定义width/height/overflow
如果你要定义小于15像素的高度，加上 overflow:hidden; 就可以了

演示地址: http://demo.Vevb.com/html/IE-default-height.html

上一篇：CGI格式文件作用及使用方式

下一篇：深入理解CSS height属性设置元素的高度

学习交流

如何查找有故障的配件

如何查找有故障的配件...

热门图片

猜你喜欢的新闻

猜你喜欢的关注

新闻热点

最牛同桌！我考了696分我同桌考了703分

2024-06-26 22:28:41

650分！高二女生考入北大：遗憾不能上高三

2024-06-26 22:26:16

男生估分600只考了397 妈妈：高考虽重要，但不代表所有

2024-06-26 22:23:01

唐尚珺回应是否会直播带货：有人出100万想和他合作！

2024-06-25 19:29:23

名校抢人名场面：清华、北大太拼了！

2024-06-25 19:22:14

男生高考语文满分！网友：第一次听说

2024-06-25 19:19:15

疑难解答

图片精选

网友关注

序号	HTML	IE<=7 CSS样式	表现:	实际高度 (px)	说明
1	<div></div>			0	啥事没有
2	<div></div>	`width:100px;`		15	触发haslayout
3	<div></div>	`height:1px;`		0
4	<div></div>	`overflow:hidden;`		15	触发haslayout

5	<div></div>	`width:100px; height:0px;`		0
6	<div></div>	`width:100px; line-height:0px`		15
7	<div></div>	`width:100px; font-size:0;`		2
8	<div></div>	`width:100px; height:0px; line-height:0px;`		0
9	<div></div>	`width:100px; height:0px; font-size:0;`		0
10	<div></div>	`width:100px; height:0px; overflow:hidden;`		0	成功
11	<div></div>	`width:100px; line-height:0px; overflow:hidden`		15
12	<div></div>	`width:100px; font-size:0px; overflow:hidden`		2