软件下载 | 资讯教程 | 最近更新 | 下载排行 | 一键转帖 | 发布投稿
您的位置:最火下载站 > Web前端 > Html/css > 如何设置Css样式Div行高的最小值

如何设置Css样式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 >

    相关阅读
    栏目导航
    推荐软件