對齊的textarea

Question

伊夫用下面的CSS代碼對齊我的形式的元素：

form { position:relative; } 
form input { position:absolute; left:11em; } 

然而，textarea的元件沒有被正確地與元件的其餘部分對準。我嘗試了以下，但沒有工作

form input,textarea { position:absolute; left:11em; } 

任何方法來解決這個問題？

謝謝。

Answer 1

沒有人能夠在沒有看到當前結果的情況下解決這個問題;作爲一個規則，我通常會避免絕對定位，除非像工具提示那樣做一些特別複雜的事情，您是否可以使用邊距達不到要求？

Answer 2

它看起來像是一個Firefox，特定於em的錯誤。 我認爲這是關係到有關Firefox的文字區域和其字體這個bug：Mozilla 3.0.8 and Chrome height in em bug workaround

如果您添加以下代碼你的定位應該工作：

form { font: 11px Arial; } 
form textarea { font-size: 100%; font-family: inherit; } 

此外，另一個解決辦法是使用像素而不是EM的。

Answer 3

這不能解決你的問題，但爲什麼不使用「文本對齊」？在我的耳朵裏，放置表單元素的絕對定位聽起來有點奇怪。

Answer 4

如果您必須以這種方式使用絕對定位，您是否考慮使用margin而不是left？正如其他人指出的那樣，在沒有更多信息的情況下很難排除故障。