您现在的位置是:网站首页> 编程资料编程资料
IE 元素默认高度研究_CSS教程_CSS_网页制作_
2021-09-08
816人已围观
简介 你可以用IETester 和多个浏览器查看DEMO进行比较
序号 | HTML | IE<=7 CSS样式 | 表现: | 实际高度 (px) | 说明 |
1 | 0 | 啥事没有 | |||
2 | width:100px; | 15 | 触发haslayout | ||
3 | height:1px; | 0 | |||
4 | overflow:hidden; | 15 | 触发haslayout | ||
5 | width:100px; height:0px; | 0 | |||
6 | width:100px; line-height:0px | 15 | |||
7 | width:100px; font-size:0; | 2 | |||
8 | width:100px; height:0px; line-height:0px; | 0 | |||
9 | width:100px; height:0px; font-size:0; | 0 | |||
10 | width:100px; height:0px; overflow:hidden; | 0 | 成功 | ||
11 | width:100px; line-height:0px; overflow:hidden | 15 | |||
12 | width:100px; font-size:0px; overflow:hidden | 2 |
总结:
- 如果你需要从0开始自适应高度,那么不要定义width/height/overflow
- 如果你要定义小于15像素的高度,加上 overflow:hidden; 就可以了
演示地址: http://demo.jb51.net/html/IE-default-height.html
相关内容
- 级联样式文件共通样式整理 _CSS教程_CSS_网页制作_
- 写html时,经常用到tab结构_CSS教程_CSS_网页制作_
- IE环境下判断IE版本的语句...[if lte IE 6]……[endif][if lte IE 7]……[endif] _浏览器兼容教程_CSS_网页制作_
- CSS清除浮动 clearfix:after 使用技巧及兼容Firefox等符合W3C标准的浏览器_浏览器兼容教程_CSS_网页制作_
- 让IE6支持css3,让 IE7、IE8 都支持CSS3_css3_CSS_网页制作_
- DIV CSS网页布局中常用的列表元素_CSS教程_CSS_网页制作_
- CSS布局中如何组织样式表以便于简化、维护_CSS教程_CSS_网页制作_
- CSS常用优化技巧_CSS教程_CSS_网页制作_
- css语法结构_CSS教程_CSS_网页制作_
- DIV+CSS 全屏垂直居中的一个办法_CSS教程_CSS_网页制作_