建站
咨詢
售后
建站咨詢
新聞中心
本文向大家描述一下解決IE6下margin雙倍邊距問題的方法，首先讓我們來看一下問題的產(chǎn)生。
公司專注于為企業(yè)提供成都做網(wǎng)站、成都網(wǎng)站設計、成都外貿(mào)網(wǎng)站建設、微信公眾號開發(fā)、商城開發(fā)，成都小程序開發(fā)，軟件定制網(wǎng)站制作等一站式互聯(lián)網(wǎng)企業(yè)服務。憑借多年豐富的經(jīng)驗，我們會仔細了解各客戶的需求而做出多方面的分析、設計、整合，為客戶設計出具風格及創(chuàng)意性的商業(yè)解決方案，成都創(chuàng)新互聯(lián)更提供一系列網(wǎng)站制作和網(wǎng)站推廣的服務。
解決IE6下margin雙倍邊距問題
問題：
在IE6下如果某個標簽使用了float屬性，同時設置了其外補丁“margin:10px0010px”可以看出，上邊距和左邊距同樣為10px，但第一個對象距左邊有20px。
解決辦法：
當將其display屬性設置為inline時問題就都解決了。
說明：這是因為塊級對象默認的display屬性值是block，當設置了浮動的同時，還設置了它的外邊距就會出現(xiàn)這種情況。也許你會問：“為什么第二個對象和第一個對象之間就不存在雙倍邊距的BUG”？因為浮動都有其相對應的對象，只有相對于其父對象的浮動對象才會出現(xiàn)這樣的問題。第一個對象是相對父對象的，而第二個對象是相對第一個對象的，所以第二個對象在設置后不會出現(xiàn)問題。另外在一些特殊布局中，可能需要組合使用display:block;和display:inline;才能達到預期效果。
當然最壞的情況下，我們就可以使用"margin:10px0010px;_margin:10px005px"，這種“標準屬性;_IE6識別屬性”HACK方式解決。
◆注意：
這個現(xiàn)象僅當塊級對象設置了浮動屬性后才會出現(xiàn)，內(nèi)聯(lián)對象（行級對象）不會出現(xiàn)此問題。并且只有設置左邊距和右邊距的值才會出問題，上下邊距不會出現(xiàn)問題。使用display:inline方法僅限于使用float時使用，否則顯示會出現(xiàn)問題。多個子塊在父塊中使用float時，同行顯示的多個子塊只需要第一個使用display:inline
本文來自CSDN博客，轉(zhuǎn)載請標明出處：http://blog.csdn.net/linkaisheng/archive/2010/04/24/5522487.aspx
【編輯推薦】
- CSS margin-bottom 屬性使用手冊
- IE6.0對padding的解讀分析
- DIV+CSS網(wǎng)頁錯位診斷和解決方法
- 深入學習CSS中padding、margin屬性寫法
- 技術(shù)分享 如何使用CSS控制超鏈接文字樣式
本文標題：解決IE6下margin雙倍邊距問題
當前地址：http://m.5511xx.com/article/djggdgc.html
