IE6下css定义DIV高度的问题
2010-01-12 21:51
447 查看
IE6下默认的字体尺寸大致在 12 – 14px 之间,当你试图定义一个高度小于这个默认值的 div 的时候, IE 会固执的认为这个层的高度不应该小于字体的行高。所以即使你用 height:4px; 来定义了一个 div 的高度,实际在 IE 下显示的仍然是一个 12 px 左右高度的层。添加overflow: hidden解决问题。
<div style=”height: 4px; overflow: hidden;”></div>
在IE6中,使用CSS定义DIV的高度的时候经常遇到这个问题,就是当DIV的最小高度小于一定的值以后,就会发现,无论你怎么设置最小高度,Div的高度会固定在一个值不再发生变动,这个问题很是烦人。如下面的情况。
HTML代码
<html> <head> <title></title> <style type="text/css"> <!-- #testdiv { background: #009900; height: 3px; } --> </style> </head> <body> <div id="testdiv"></div> </body> </html>
这是因为在IE6中,系统默认的并非是Div有一个默认的高度,而是你没有解决一个隐藏的参数,font-size,这个是ie6中对于Div属性中的font-size大小和你系统css中定义的font-size有很大关系,因此必须单独定义这个Div的font-size,这样才能解决这个问题。更改后的代码如下。
HTML代码
<html> <head> <title></title> <style type="text/css"> <!-- #testdiv { background: #009900; height: 3px; font-size: 0px; } --> </style> </head> <body> <div id="testdiv"></div> </body> </html>
碰到这样的问题有没有令你及其压抑呢?而当看到上面的解决办法时,是不是有点重生的感觉,还有点点苍凉和鄙视。
<div style=”height: 4px; overflow: hidden;”></div>
在IE6中,使用CSS定义DIV的高度的时候经常遇到这个问题,就是当DIV的最小高度小于一定的值以后,就会发现,无论你怎么设置最小高度,Div的高度会固定在一个值不再发生变动,这个问题很是烦人。如下面的情况。
HTML代码
<html> <head> <title></title> <style type="text/css"> <!-- #testdiv { background: #009900; height: 3px; } --> </style> </head> <body> <div id="testdiv"></div> </body> </html>
这是因为在IE6中,系统默认的并非是Div有一个默认的高度,而是你没有解决一个隐藏的参数,font-size,这个是ie6中对于Div属性中的font-size大小和你系统css中定义的font-size有很大关系,因此必须单独定义这个Div的font-size,这样才能解决这个问题。更改后的代码如下。
HTML代码
<html> <head> <title></title> <style type="text/css"> <!-- #testdiv { background: #009900; height: 3px; font-size: 0px; } --> </style> </head> <body> <div id="testdiv"></div> </body> </html>
碰到这样的问题有没有令你及其压抑呢?而当看到上面的解决办法时,是不是有点重生的感觉,还有点点苍凉和鄙视。
相关文章推荐
- IE6下,CSS如何定义小于10像素的div高度
- IE与Firefox下对CSS定义div高度的解析问题
- 在IE6下用css设置div的高度为100%时失效的问题!
- IE6中CSS控制DIV高度的问题
- IE6下使用CSS定义DIV高度行之有效的办法
- 解决div的高度定义在IE6中不生效的问题
- CSS问题1:div中 li宽度不固定 ie6和ie7不兼容不自动换行
- [DIV+CSS] IE6浮出层穿透解决方案中的iframe高度自适应
- CSS Div 最小高度在IE 6 和IE 7中的兼容性问题
- DIV+CSS相对IE6、IE7和IE8的兼容问题
- (经验)DIV+CSS解决IE6,IE7,IE8,FF兼容问题
- CSS: 解决Div float后,父Div无法高度自适应的问题
- 关于 IE6 IE7中 空div 高度却不为0的问题
- div+css 布局下兼容IE6 IE7 FF常见问题
- CSS: 解决Div float后,父Div无法高度自适应的问题
- 研究了一下div+css的高度自适应问题
- 解决IE6下DIV无法实现1px高度问题
- DIV+CSS解决IE6,IE7,IE8,FF兼容问题
- css定义div的宽度高度要减去多少?解决方法