
<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=运行代码> <INPUT id=0 onclick=doCopy(this.id) type=button value=复制代码> <INPUT id=0 onclick=saveCode(runcode0) type=button value=保存代码> <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=运行代码> <INPUT id=0 onclick=doCopy(this.id) type=button value=复制代码> <INPUT id=0 onclick=saveCode(runcode0) type=button value=保存代码> <BR>[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]