中资源
中国品牌形像设计网
Dreamweaver Flash Photoshop 其它周边 web标准 asp php .net CSS WAP网站攻略 专题
深圳网站建设 广州网站设计 域名注册 上海网站建设 虚拟主机 广州网站建设 广州网页设计 签名设计 虚拟主机 域名注册 品牌形象设计 设计联盟
求创科技
上海网麒科技
中国福网
中国设计秀
亿恩科技
中国设计秀
中国设计秀
当前位置:网络学院首页 >> 设计教程 >> web标准 >> 问答:为什么我的设置的div最小高度不对

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

来源:中国设计秀    作者:straw    点击:162     加入收藏
中资源

<P>  问:为什么我设置的div的高度是1px,为什么看不到效果啊,div老是那么高。</P>
<P>  答:给你的div加一个属性:<SPAN class=red>font-size:0; </SPAN></P>
<P>说明:<BR>  这个问题出现在IE6中;<BR>IE6中的div默认有个最小字体高度,div的最小高度就是这个高度,除非你改变这个字体的大小。<BR>这样来加: <SPAN class=green>.style1{height:1px;font-size:0;} </SPAN></P>
<P>  比如想用一个div来做一个1px高的红色线条</P>
<P>  在没有设置字体大小的时候会得到的情况:</P>代码如下:<br>

<TEXTAREA id=runcode0 rows=9 cols=72>
<style type="text/css">
.style1{
height:1px;
background:red;
}
</style>
<div class="style1"></div>
</TEXTAREA> <BR><INPUT id=0 onclick=runCode(this.id) type=button value=运行代码>&nbsp;&nbsp; <INPUT id=0 onclick=doCopy(this.id) type=button value=复制代码> &nbsp;&nbsp; <INPUT id=0 onclick=saveCode(runcode0) type=button value=保存代码> &nbsp;&nbsp;<BR>[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]


<P>  设置了font-size:0会得到的情况:</P>代码如下:<br>

<TEXTAREA id=runcode0 rows=9 cols=72>
<style type="text/css">
.style1{
font-size:0;
height:1px;
background:red;
}
</style>
<div class="style1"></div>
</TEXTAREA> <BR><INPUT id=0 onclick=runCode(this.id) type=button value=运行代码>&nbsp;&nbsp; <INPUT id=0 onclick=doCopy(this.id) type=button value=复制代码> &nbsp;&nbsp; <INPUT id=0 onclick=saveCode(runcode0) type=button value=保存代码> &nbsp;&nbsp;<BR>[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]


 

0
顶一下
2008-01-16 22:37:28    出处:中国设计秀cnwebshow.com
网站地图 | 关于我们 | 联系我们 | 网站建设 | 广告服务 | 版权声明 | 免责声明 | 网站公告 | 友情链接 | 留言 | 旧版入口