欢迎来到HELLO素材网! 南京网站制作选择顺炫科技
丰富的DIV CSS模版、JS,jQuery特效免费提供下载
当前位置:主页 > 建站教程 > DIVCSS教程 >

如何设置Css样式Div行高的最小值

发表于2017-11-25 08:46| 次阅读| 来源网络整理| 作者session

摘要:IE6中,使用CSS定义DIV的高度的时候经常遇到这个问题,就是当DIV的最小高度小于一定的值以后,就会发现,无论你怎

  烈火网(LieHuo.Net)教程 IE6中,使用CSS定义DIV的高度的时候经常遇到这个问题,就是当DIV的最小高度小于一定的值以后,就会发现,无论你怎么设置最小高度,Div的高度会固定在一个值不再发生变动,这个问题很是烦人。这是因为在IE6中,系统默认的并非是Div有一个默认的高度,而是你没有解决一个隐藏的参数,font-size,这个是ie6中对于Div属性中的 font-size大小和你系统css中定义的font-size有很大关系,因此必须单独定义这个Div的font-size,这样才能解决这个问题。

  这个问题出现在IE6中;IE6中的div默认有个最小字体高度,div的最小高度就是这个高度,除非你改变这个字体的大小。这样来加:

   .style1{height:1px;font-size:0;}

  比如想用一个div来做一个1px高的红色线条

  在没有设置字体大小的时候会发现高度并没有预期的效果

以下为引用的内容:
</ style >
< div class = "style1" > </ div >
<style type="text/css">
.style1{
height:1px;
background:red;
}
</style>
<div class="style1"></div>
 

  设置了font-size:0会得到的情况是果然行高变为指定的1px,代码:

以下为引用的内容:
< style type = "text/css" >
.style1{
font-size:0;
height:1px;
background:red;
}
</ style >
< div class = "style1" > </ div >