热门关键字:  8 教程  css  flash  表单  定位
当前位置 : 主页>div+css>列表

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

来源:http://www.dw8.org/ 作者:dw8 时间:2007-12-24 点击:

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

http://www.dw8.org Dreamweaver cs3 专业网站

答:给你的div加一个属性:font-size:0; http://www.dw8.org dw专业网站

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

http://www.dw8.org Dreamweaver 专业网站

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

http://www.dw8.org Dreamweaver cs3 专业网站

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

http://www.dw8.org dw专业网站

运行代码无着色模式复制打印?
  1. <style type="text/css">  
  2. .style1{   
  3. height:1px;   
  4. background:red;   
  5. }   
  6. </style>  
  7. <div class="style1"></div>  

设置了font-size:0会得到的情况: http://www.dw8.org dw专业网站

运行代码无着色模式复制打印?
  1. <style type="text/css">  
  2. .style1{   
  3. font-size:0;   
  4. height:1px;   
  5. background:red;   
  6. }   
  7. </style>  
  8.   
  9. <div class="style1"></div> 

http://www.dw8.org Dreamweaver 专业网站

最新评论共有 0 位网友发表了评论
发表评论
评论内容:不能超过250字,需审核,请自觉遵守互联网相关政策法规。
用户名: 密码:
匿名?
注册