CSS实例教程;IE6下CSS定义DIV高度的问题

摆渡一下九毛三

摆渡一下九毛三

2016-02-20 00:21

给自己一点时间接受自己,爱自己,趁着下午茶的时间来学习图老师推荐的CSS实例教程;IE6下CSS定义DIV高度的问题,过去的都会过去,迎接崭新的开始,释放更美好的自己。

IE6下默认的字体尺寸大致在 12 – 14px 之间,当你试图定义一个高度小于这个默认值的 div 的时候, IE 会固执的认为这个层的高度不应该小于字体的行高。所以即使你用 height:4px; 来定义了一个 div 的高度,实际在 IE 下显示的仍然是一个 12 px 左右高度的层。添加overflow: hidden解决问题。

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

div style=height: 4px; overflow: hidden;/div

在IE6中,使用CSS定义DIV的高度的时候经常遇到这个问题,就是当DIV的最小高度小于一定的值以后,就会发现,无论你怎么设置最小高度,Div的高度会固定在一个值不再发生变动,这个问题很是烦人。如下面的情况。

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)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
展开更多 50%)
分享

猜你喜欢

CSS实例教程;IE6下CSS定义DIV高度的问题

Web开发
CSS实例教程;IE6下CSS定义DIV高度的问题

CSS实例教程:IE6奇数宽度或高度的bug

Web开发
CSS实例教程:IE6奇数宽度或高度的bug

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

IE6下DIV高度显示的Bug

Web开发
IE6下DIV高度显示的Bug

CSS实例:a:hover伪类在IE6下的问题

Web开发
CSS实例:a:hover伪类在IE6下的问题

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

CSS技巧:IE6用import导入CSS的问题

Web开发
CSS技巧:IE6用import导入CSS的问题

CSS实例教程:CSS Hack

Web开发
CSS实例教程:CSS Hack

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Win7系统怎么去除多余第三方加载项?

Win7系统怎么去除多余第三方加载项?

QQ伤感的签名_难得认真一回

QQ伤感的签名_难得认真一回
下拉加载更多内容 ↓