2011-08-11 34 views
3

我更新了一些CSS樣式,最近使用了normalize.css,但發現了明顯的不一致 - 看起來在IE9中它不會讓我在複選框元素周圍設置邊距0。但我找不到任何具體的問題。 Here's an example of my test.下面是什麼它看起來像在Firefox,Chrome瀏覽器的截圖和IE9IE9不允許圍繞複選框(無線電)輸入使用0px邊距嗎?

IE9 not respecting margin 0

復位樣式複製從HTML5的樣板,其本身由尼古拉斯·加拉格爾使用normalize.css的最新版本粘貼。

正如我理解normalize.css,這個想法是保持一些瀏覽器的默認值,但爲組件創建一個一致的佈局。然而,從我的快速測試來看,實際上應該沒有圍繞(複選框/收音機)輸入來創建一致的佈局,like so。儘管如此,比我更聰明的人同時在normalize.css和html5樣板上工作,所以無論是我錯過了什麼,或是誤解了某些東西。

回答

6

IE9添加填充。我想這個重置腳本沒有考慮到這一點。添加padding: 0,你會被設置。

+0

啊哈!你完全正確 - 'margin:0;填充:0'做的伎倆,謝謝。 – ilia

0

的項目中,我曾經呈現IE9爲IE8通過meta標籤使其HTML

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8"/> 

,這樣相同的CSS工作了兩個