兩個(gè)層之間的為什么會(huì)有間隙(IE3pxbug)?_Div+CSS教程

      編輯Tag賺U幣
      教程Tag:暫無(wú)Tag,歡迎添加,賺取U幣!
        
      這個(gè)問(wèn)題普遍的困擾著新手朋友,不知道如何是好,想不出辦法進(jìn)行解決。
      其實(shí)這就是傳說(shuō)中的“IE 3px bug”。解決的辦法也比較簡(jiǎn)單。請(qǐng)看下面的示例說(shuō)明。

      IE中兩個(gè)層之間的間隙(IE 3px bug)

      div css xhtml xml 代碼調(diào)試框 代碼調(diào)試框 [www.wf0088.com]

      [ 可先修改部分代碼 再運(yùn)行查看效果 ]

      解決3px bug的方法之浮動(dòng)法float
      此例中,我們給右邊的層,應(yīng)用float:left;浮動(dòng),即可解決IE 3px bug。

      div css xhtml xml 代碼調(diào)試框 代碼調(diào)試框 [www.wf0088.com]

      [ 可先修改部分代碼 再運(yùn)行查看效果 ]

      解決3px bug的方法之障眼法
      此例中,我們給左邊的層,應(yīng)用margin-right:-3px;,同樣可解決IE 3px bug。

      div css xhtml xml 代碼調(diào)試框 代碼調(diào)試框 [www.wf0088.com]

      [ 可先修改部分代碼 再運(yùn)行查看效果 ]

      來(lái)源:無(wú)憂整理//所屬分類(lèi):Div+CSS教程/更新時(shí)間:2007-01-08
      相關(guān)Div+CSS教程