手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >IE 元素默认高度研究
IE 元素默认高度研究
摘要:序号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

【IE 元素默认高度研究】相关文章:

display:inline;与float:left;的用途

css中替换元素和不可替换元素

表单中Readonly和Disabled的区别详解

清除浮动clear:both的应用详解

学习一下CSS的渲染效率

子元素div高度不确定时父div高度如何自适应

css伪类伪元素域高级选择器的介绍

CSS3实现的炫酷菜单代码分享

兼容FIREFOX下背景层的自适应高度

CSS网页布局中默认字体样式

精品推荐
分类导航