为什么两个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>。