作家
登录

IE 元素默认高度研究

作者: 来源:www.28hudong.com 2012-11-19 17:37:14 阅读 我要评论

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

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)