爲什麼ie7忽略我的第一個列表項（僅）的左邊距？

http://blog.helpcurenow.org/test/mockups/mar2010/lp.html 爲什麼ie7忽略我的第一個列表項（僅）的左邊距？

在上面的着陸頁中，我有一個有四個捐贈按鈕的優惠信箱。前三個以個人ID爲目標，左邊距爲13px。

一切都很好，我看除了IE7每一個瀏覽器。出於某種原因，ie7在第一個列表項上忽略了13px的左邊距，並且僅在該邊上。

奇怪的部分是，當我打開ie的開發人員工具（實際上並未在ie7中查看，但在ie7模式下使用ie8）並選擇該元素時，它顯示13px邊距在那裏，並且不會被劃掉。瀏覽器似乎忽略了它！

有一些IE7的怪癖，我應該知道這裏還是我錯過一個CSS聲明我應該補充？有任何想法嗎？？

謝謝！

來源

2010-03-03 Joel Glovier

IE7！== IE8compat – 2010-03-03 16:11:42

這是什麼意思？ – 2010-03-03 16:15:21

我想他所說的是，真正的Internet Explorer 7的行爲不像IE8在兼容性/ IE7模式下運行，這可能是事實，但與您的問題完全不相干。您的問題展示在IE8的兼容性視圖中。我花了幾分鐘的時間進行調查，我也無法解釋爲什麼會發生。不過，我可能會提出一個解決方案。支持。 – 2010-03-03 16:26:31

嘗試設置上容納那些li s到10px 13px的ul填充，然後從li動手清除的margin-left。

來源

2010-03-03 16:29:30

酷 - 工作。謝謝！ – 2010-03-03 16:58:39

很高興聽到它！ – 2010-03-03 17:02:17

就清楚了錯誤的邊界，行高度和盒模型，你是安全的。

在你的CSS的頂部第一行

，你只需要添加：

html,body,h1,h2,h3,h4,h5,h6,p,ul,li,img {border:none;padding:0;margin:0; /* etc. like font-size:10px;line-height:10px; */}

，那麼你可以設置「通緝令」上的每個項目值算賬：進一步可以設置

display:block;

對你的元素，那麼他們將使用相同的盒子模型。 IE6/IE7不理解內聯塊，這是我相信某些元素的默認值。

來源

2011-03-20 17:17:53 BerggreenDK

爲什麼ie7忽略我的第一個列表項（僅）的左邊距？

回答

相關問題