IE中怎么會出現雙倍邊距?_Div+CSS教程

      編輯Tag賺U幣
      教程Tag:暫無Tag,歡迎添加,賺取U幣!
        
        IE6.0環境中雙倍邊距BUG。先看下面的CSS代碼。

      示例代碼 [www.wf0088.com]
      div {
      float:left;
      margin-left:10px;
      width:420px;
      height:150px;
      border:1px solid red
      }

        這樣設置以后。本來左邊距設置為10px,但IE6.0解釋為20px,這是一個比較頭疼的問題。
        但解決也非常簡單。辦法就是是加上display:inline。就搞定了。看下面的示例對比!

      雙陪邊距的效果:

      div css xhtml xml 代碼調試框 代碼調試框 [www.wf0088.com]

      [ 可先修改部分代碼 再運行查看效果 ]

      解決BUG以后的效果:

      div css xhtml xml 代碼調試框 代碼調試框 [www.wf0088.com]

      [ 可先修改部分代碼 再運行查看效果 ]

      來源:無憂整理//所屬分類:Div+CSS教程/更新時間:2007-01-08
      相關Div+CSS教程