IE 元素默认高度研究

建站知识 2021-07-03 08:43www.168986.cn长沙网站建设



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; 就可以了

演示地址:

上一篇：css border引发的血案下一篇：级联样式文件共通样式整理

序号	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

IE 元素默认高度研究

狼蚁网络搜索

狼蚁网络导航

长沙seo优化

长沙网络营销

长沙网站建设

IE 元素默认高度研究

长沙网站设计

狼蚁网络搜索

狼蚁网络导航

长沙seo优化

长沙网络营销

长沙网站建设