IE 元素默认高度研究

时间:2021-05-08

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

    声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

    相关文章