爲什麼兩個div相鄰列不在同一位置

Question

請看看這個小提琴：http://jsfiddle.net/d3uc9/4/

我有這樣一個問題，因爲兩個div，在一張桌子，旁邊的每個其他，不在同一保證金線上，甚至認爲他們共享相同的CSS類等

我在這個例子中做了什麼錯誤，我必須改變，使他們在相同的邊緣線？

謝謝，我儘量保持清晰。

我的意思是他們應該共享相同的邊界線，但他們不這樣做，我該怎麼辦才能解決這個問題？

Answer 1

你只需要像：

td { vertical-align: top;} 

Example fiddle

這是說一個表格單元格的內容對齊到單元的頂部，而不是中間。這是需要的，因爲你的左手格不象右邊那個那麼大。

另外我注意到你在你的HTML中多次複製ids（例如<div id="stylized" class="myform">）。這不是有效的HTML，可能會導致瀏覽器出現意外的行爲。 ID必須是唯一的，如果你想以同樣的方式識別多個元素用於樣式目的，那麼你應該使用類。

例如。

<div class="stylized myform"> 

Answer 2

添加valign="top"將使左側的列對齊到行的頂部。

Answer 3

只需添加到你的CSS：

td {vertical-align:top;} 

Answer 4

的問題是表的垂直對齊方式。修復它的最簡單方法是將valign =「top」添加到<tbody>或<tr>。你也可以通過指定vertical-align：top來完成<tr>。