今天小编跟大家讲解下有关IE 元素默认高度研究 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关IE 元素默认高度研究 的相关资料,希望小伙伴们看了有所帮助。
序号 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.aidi.net.cn/html/IE-default-height.html来源:爱蒂网