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

　　推荐阅读

　　使用font-size：0 来去掉inline-block元素之间的空隙方法

像下面图中的布局，如果排列的元素是等高的话，相信很多人都会使用浮动来布局，不过如果元素不等高的话，不添加多余的标签，浮动布局是很难实现下图中的效果。如果遇到这种情况，可以使用inline-block来布局。 现>>>详细阅读

本文标题：IE 元素默认高度研究

地址：http://www.17bianji.com/kaifa2/CSS/16499.html

 1/2    1