奇怪IE7的錯誤造成的佈局問題的輸入字段

如果您在IE7或IE8兼容模式下觀看，你會發現輸入字段的第二和第三列似乎想要繼承包含div的左邊距100px。即使將輸入字段的左邊距分配給0，它仍然會應用100px的神祕左邊距，但在IE的檢查器中未顯示。

如果我刪除列div的左邊距，那麼它排列得很好，這就是爲什麼第一列有正確排列的字段。

有人有解決這個IE7的錯誤？

2011-03-21 Ben

你有沒有嘗試在另一個沒有屬性的div中包裝表單元素，它應該打破hasLayout「鏈」。即築巢一個格

2011-03-21 14:14:10 clairesuzy

這似乎工作。謝謝！ – Ben 2011-03-21 14:28:51

+1，簡單的解決方案。 – thirtydot 2011-03-21 14:46:27

歡迎您Ben，很高興幫助！ - 並感謝你們的投票:) – clairesuzy 2011-03-23 20:16:14

我發現這個問題與IE6 & 7關於has-layout的錯誤有關。如果表單字段的父元素具有佈局，則它繼承它的邊距。我將由邊距提供的間距更改爲填充，並解決了問題。

但是，如果任何人有一個更好的解決方案，讓開發人員保留餘量，這將是非常棒的，因爲改變邊距來填充並不總是可能的設計。

2011-03-21 13:47:19 Ben

回答