IE 元素默认高度研究

2024-07-11 08:47:52

字体：大中小

来源：转载

供稿：网友



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

上一篇：级联样式文件共通样式整理

下一篇：css border引发的血案

学习交流

如何查找有故障的配件

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

热门图片

猜你喜欢的新闻

猜你喜欢的关注

新闻热点

最牛同桌！我考了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