關於對齊兩個輸入字段

Question

我有一個非常簡單的頁面佈局，其中只包含下拉選擇字段和文本輸入字段。

您可以運行我的代碼here on jsfiddle。

我設法通過應用使選項字段和文本輸入域的外觀與對方喜歡左對齊：

margin-left: 60px;的選項字段。

我想知道是否有接近相同的結果一個更靈活的方式？

我的意思是我現在的辦法是有限的，因爲60像素保證金是基於我的眼睛視力定義，有沒有什麼辦法可以更準確，使這兩個領域在同一左對齊，而不是定義固定60px的保證金？

Answer 1

說實話，你應該包含這些表單字段相應調整，那裏有選項噸：

<p></p> (text/span) 

<table></table> (table) 

我個人很喜歡

<ul></ul> (list) 

如果你真的想你的方式，給DIV貨櫃position:relative及表格內的精確位置絕對位置