空DIV在IE中的高度问题
2007-09-29 14:57
435 查看
按照设想,一个空的,并且没有任何样式的DIV在浏览器中显示时应该是没有任何高度的,但如果DOCTYPE使用HTML 4.0的话,空DIV在IE中会显示高度(DOCTYPE=XHTML 1.0 transtional 时显示正常)
空的DIV在IE中有一个最小高度,至少等于当前的行高。下面两个方法可以解决这个问题:
放一个空的注释行在DIV里面:<div style="height: 10px;"><!-- --></div>
放一个 在DIV里面,并增加这个样式:font-size:1px; line-height:0.
这个问题在制作DotNetNuke皮肤时要特别注意,因为一般会使用一个DIV来做Pane的容器,如果这个Pane到时没有插入内容的话,就会形成一个“空的DIV”,因为“空DIV在IE中的高度问题”这个Pane就不会隐形,而是在页面上显示一个小窄条。
参见网页:IE div height problem
空的DIV在IE中有一个最小高度,至少等于当前的行高。下面两个方法可以解决这个问题:
放一个空的注释行在DIV里面:<div style="height: 10px;"><!-- --></div>
放一个 在DIV里面,并增加这个样式:font-size:1px; line-height:0.
这个问题在制作DotNetNuke皮肤时要特别注意,因为一般会使用一个DIV来做Pane的容器,如果这个Pane到时没有插入内容的话,就会形成一个“空的DIV”,因为“空DIV在IE中的高度问题”这个Pane就不会隐形,而是在页面上显示一个小窄条。
参见网页:IE div height problem
相关文章推荐
- CSS Div 最小高度在IE 6 和IE 7中的兼容性问题
- css解决IE、Firefox兼容的div高度100%的问题
- IE与Firefox下对CSS定义div高度的解析问题
- 关于div高度自适应问题,兼容IE和火狐
- CSS Div 最小高度在IE 6 和IE 7中的兼容性问题
- div高度自动撑大的问题(兼容ie和FF)
- 解决IE6下div中文字显示竖排,IE7下div不能自适应高度问题
- 【浏览器兼容性】css解决IE、Firefox兼容的div高度100%的问题
- IE环境规定div高度必须大于字体高度的问题
- IE下div的高度问题
- IE8下div嵌套时,外层div高度不随内层div高度改变的问题解决
- 关于ie7和ie6 中div自动高度的问题
- 解决 div或者a标签的高度比里面的img高度多了5px 问题
- ie css float 高度调整的问题
- DIV嵌套过程中的高度自适应问题
- css div li 使用float但高度不确定造成的错位问题我遇到的(部分360浏览器问题)
- 关于 IE6 IE7中 空div 高度却不为0的问题
- div内部嵌套div时,高度设置问题
- 关于div高度为0使得下部元素侵占空间问题
- CSS调整DIV最小高度问题探讨