IE6的3像素bug

IE6的3像素bug3像素bug是IE6的一個著名的bug，當浮動元素與非浮動元素相鄰時，這個3像素的Bug就會出現。看下面這個左列固定，右列液態的例子，css代碼以下：

body { margin:0;}
#side { float: left; background:#99FF99; height: 300px; width: 120px;}
#main { background: #99FFFF; height: 300px;}

IE6會在兩個div中間加上3px的空隙，那麼要解決這個問題，請在#side上加上_margin-right:-3px;記住，前邊加上一下劃線，這樣這個樣式專門針對IE6生效。IE7和FF下還會正常顯示。

body { margin:0;} #side { float: left; background:#99FF99; height: 300px; width: 120px; _margin-right:-3px;} #main { background: #99FFFF; height: 300px; }