手机
当前位置:查字典教程网 >网页设计 > 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 元素默认高度研究】相关文章:

彻底清除浏览器js和css缓存的方法

表单中Readonly和Disabled的区别详解

ie8下不解析background属性与书写格式有关

浏览器如何判断css优先级

css解决覆盖父元素透明度的效果

32个技术高超的CSS3网页设计欣赏

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

css 如何让背景图片拉伸填充避免重复显示

自动调整高度的div层

提高淘宝C店转化率的实用代码

精品推荐
分类导航