本文和大家探讨IE6下CSS定义DIV高度的问题,当你试图定义一个高度小于IE6下默认的字体尺寸的div的时候,IE会固执的认为这个层的高度不应该小于字体的行高。
对IE6下CSS定义DIV高度的方法是否了解,这里和大家分享一下,相信通过本文的学习你对IE6下使用CSS定义DIV高度的方法一定会有深刻的认识。
IE6下CSS定义DIV高度的问题
IE6下默认的字体尺寸大致在12–14px之间,当你试图定义一个高度小于这个默认值的DIV的时候,IE会固执的认为这个层的高度不应该小于字
体的行高。所以即使你用height:4px;来定义了一个DIV的高度,实际在IE下显示的仍然是一个12px左右高度的层。添加
overflow:hidden解决问题。
<div style=”height:4px;overflow:hidden;”></div>
在IE6中,使用CSS定义DIV的高度的时候经常遇到这个问题,就是当DIV的最小高度小于一定的值以后,就会发现,无论你怎么设置最小高度,Div的高度会固定在一个值不再发生变动,这个问题很是烦人。如下面的情况。
<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>
<head>
<title> </title>
<style type="text/css">
<!--#testdiv{background:#009900;height:3px;font-size:0px;}-->
</style>
</head>
<body>
<div id="testdiv"> </div>
</body>
</html>
转载地址:http://developer.51cto.com/art/201008/220172.htm
分享到:
相关推荐
在IE6中,使用CSS定义DIV的高度的时候经常遇到这个问题,就是当DIV的最小高度小于一定的值以后,就会发现,无论你怎么设置最小高度,Div的高度会固定在一个值不再发生变动,这个问题很是烦人。如下面的情况。 HTML...
div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子...
CSS解决未知高度的DIV垂直居中CSS解决未知高度的DIV垂直居中
div+css高度自适应div+css高度自适应div+css高度自适应div+css高度自适应
CSS定义Div区域的LI列表响应鼠标变色.rarCSS定义Div区域的LI列表响应鼠标变色.rarCSS定义Div区域的LI列表响应鼠标变色.rarCSS定义Div区域的LI列表响应鼠标变色.rar
漂亮遮罩层css+div 漂亮遮罩层css+div 漂亮遮罩层css+div 漂亮遮罩层css+div 漂亮遮罩层css+div 漂亮遮罩层css+div 漂亮遮罩层css+div 漂亮遮罩层css+div 漂亮遮罩层css+div 漂亮遮罩层css+div 漂亮遮罩层css+div ...
div css练习
div+css高度自适应网页布局,子div含float,父div高度自适应,已经通过测试的浏览器:ie6、ie7、ie8、火狐、Chrome。 代码来源: http://www.positioniseverything.net/articles/onetruelayout/equalheight
用JS+CSS来实现DIV层自适应高度,无论你的浏览器大小如何变化都会自适应高度, 调节宽度同样的道理
div _cssdiv _cssdiv _cssdiv _cssdiv _cssdiv _cssdiv _cssdiv _cssdiv _cssdiv _cssdiv _cssdiv _cssdiv _cssdiv _cssdiv _css
DIV+CSS相对IE6、IE7和IE8的兼容问题
div最小高度去除办法:IE6中,使用CSS定义DIV的高度的时候经常遇到这个问题,就是当DIV的最小高度小于一定的值以后,就会发现,无论你怎么设置最小高度,Div的高度会固定在一个值不再发生变动,这个问题很是烦人。...
CSS+DIV光盘程序CSS+DIV光盘程序CSS+DIV光盘程序CSS+DIV光盘程序CSS+DIV光盘程序
css + div 滑动弹出div效果,可自定义弹出效果。
培训资料CSS+div建站基本教程,PPT格式. 培训资料CSS+div建站基本教程,PPT格式.
CSS+DIV 20个经典实例(下)CSS+DIV 20个经典实例(下)CSS+DIV 20个经典实例(下)CSS+DIV 20个经典实例(下)CSS+DIV 20个经典实例(下)CSS+DIV 20个经典实例(下)CSS+DIV 20个经典实例(下)
精通CSS+DIV网页样式与布局 语言:中文 格式:txt 使用前请您先阅读以下条款,否则请勿使用本站提供的文件! 1) 本站不保证所提供程序的完整性和安全性。 2) 请在使用前查毒 (这也是您使用其它网络资源所必须注意...
div css实例div css实例div css实例