当前位置:首页>>网页设计>>CSS教程>>正文

为什么我的设置的div最小高度不对

文章出处:网络收集 作者:佚名 发布时间:2007-09-04 收藏到QQ书签

问:为什么我设置的div的高度是1px,为什么看不到效果啊,div老是那么高。

答:给你的div加一个属性: font-size:0;

说明:

这个问题出现在IE6中;

IE6中的div默认有个最小字体高度,div的最小高度就是这个高度,除非你改变这个字体的大小。
这样来加: .style1{height:1px;font-size:0;}

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

在没有设置字体大小的时候会得到的情况:

运行代码无着色模式复制打印?

< style   type = "text/css" >   
.style1{   
height:1px;   
background:red;   
}   
</ style >   
< div   class = "style1" > </ div >   
<style type="text/css">
.style1{
height:1px;
background:red;
}
</style>
<div class="style1"></div>

设置了font-size:0会得到的情况:

运行代码无着色模式复制打印?

< style   type = "text/css" >   
.style1{   
font-size:0;   
height:1px;   
background:red;   
}   
</ style >
< div class = "style1" > </ div >

关键词:网页制作,CSS,DIV

Google