ie6 3 px bug
[css]
#floatholder {
position: absolute;
left: 30px;
top: 5em;
border: 4px solid;
width: 240px;
background: #ec8;
}
#floatbox {
float: left;
width: 65px;
height: 25em;
border: 6px solid #68f;
color: #46d;
/*margin:0 -3px 0 0;*/
}
#floatbox {
width: 77px;
}
#textwrapper {
border: 2px solid #000;
}
#jog-box {
border: 4px solid #f66;
border-left-width: 4px;
}
[/css]
[html]
<div id="floatholder">
<div id="floatbox">Float</div>
This text touches the blue float directly, and has the 3px space on the left.
<p id="textwrapper">
This text is wrapped in a paragraph (black border), and see, the space is still there, deep inside the <p>!
</p>
<div id="jog-box">
This box is margined on the left, the width of the float and more, to keep it separate from the float.
Still, the space continues, until.. hey! Where'd it git to?! Well, it appears that: no adjacent float, no 3px space.
</div>
<div style="clear: both;"></div>
</div>
[/html]
解决方法，#floatbox右margin设置为-3px;也就是把CSS注释符号
