The IE Doubled Float-Margin Bug IEBug--浮動對象外補丁的雙倍距離
先看以下代碼:
#box{ background: ThreedFace; width: 500px; height: 400px; }#box1{ float: left; background: #F2F2F2; width: 300px; height: 200px; margin-left: 50px; }Box在外面,Box1在里面,但在IE瀏覽器中Box1離左邊的距離會是100px,而實際距離應(yīng)是50px,演示。
解決的方法是,在box1的代碼中加入:display: inline;,可使浮動被忽略,IE中不至于產(chǎn)生雙倍距離,演示,更詳細(xì)資料,可看這里。
原文:http://www.forest53.com/tutorials/tutorials_show.asp?id=31
新聞熱點
疑難解答