IE 元素默认高度研究
IE 元素默认高度研究
发布时间:2016-12-27 来源:查字典编辑
摘要:序号HTMLIE

序号 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
总结: 如果你需要从0开始自适应高度,那么不要定义width/height/overflow 如果你要定义小于15像素的高度,加上 overflow:hidden; 就可以了

演示地址: http://demo.jb51.net/html/IE-default-height.html

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新 Div+Css教程学习
热门 Div+Css教程学习
网页设计子分类