爲什麼我得到額外的空間下的任何理由.. IE6-7？

爲什麼我在我的聯繫表單上的每個輸入下面都有額外的間距？爲什麼我得到額外的空間下的任何理由.. IE6-7？

只發生在IE6和IE7

2010-01-08 Roeland

@Roeland，我更新了我的答案並添加了一個示例頁面供您測試。它應該適合你。 – 2010-01-09 02:47:33

我測試過了。如果u使用

FORM#contactform .input { margin-bottom: -11px; }

或放於頭直接像這樣的代碼，只需使用在有條件的樣式表此代碼爲IE

<!--[if lte IE 7]> 
<style type="text/css" media="screen"> 
FORM#contactform .input { margin-bottom: -11px; } 
</style> 
<![endif]-->

這是一個IE錯誤，你可以在這裏看到更多的細節：

2010-01-09 02:29:57

可能換行...即試圖標籤

之間打印「whitechars」

2010-01-08 21:18:02

IE有時會將空白（文本節點）作爲中佔據空間浮動的元素。當我提出這個建議時，不要驚慌失措，但是你有沒有考慮將input元素放在table？是的，基於表格的佈局是可怕的，除非在這種情況下，你的內容實際上被安排在一個表格中，所以它會非常合適。

2010-01-08 21:26:59 Devin

現在怪異出來.... !!! aahhh。 hehe jk，說實話我想避免使用表格。如果有的話，我寧願把它粘在一個無序的列表中......但是那麼多額外的不需要的代碼..就像一個表結構會是你知道嗎？ – Roeland 2010-01-08 21:56:44

添加此到您的網頁（或移動的風格發揮到了IE僅樣式表），它將解決您的問題：

<!--[if lte IE 7]> 
<style type="text/css" media="screen"> 
    #contactform { height: 1% } 
</style> 
<![endif]-->

Working example here（在IE6還是IE7瀏覽）

2010-01-09 02:36:29

不，這不是一個解決方案，它不是一個IE瀏覽器的雙重保證金錯誤，它是不同的。 IE雙重保證金bug只針對水平保證金不垂直 – 2010-01-09 02:41:24

@Jitendra，好點！我將它改爲'height：1％'，並處理了這個問題。 – 2010-01-09 02:47:02

是的，現在是正確的。我和你的兩個解決方案都可以工作 – 2010-01-09 02:48:35

回答