网页制作基础知识:为什么我的设置的div最小高度不对

80酷酷网    80kuku.com

  

  问:为什么我设置的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 >



分享到
  • 微信分享
  • 新浪微博
  • QQ好友
  • QQ空间
点击: