为什么两个div在列不在同一位置的情况下彼此相邻

Question

请看一下这个小提琴：http://jsfiddle.net/d3uc9/4/

我有一个问题，因为两个div在一个表中，彼此相邻，不在同一边界线上，甚至认为它们共享相同的css类等。

在示例中我做错了什么，我是否必须更改以使它们位于相同的边距顶线？

谢谢，我尽量保持清醒。

我的意思是他们应该分享相同的保证金顶线，但他们没有，我该怎么做才能解决这个问题？

Answer 1

你只需要：

td {    vertical-align: top;}

Example fiddle

这表示表格单元格的内容与单元格的顶部对齐，而不是与中间对齐。这是必要的，因为你的左手div不如右边那么大。

此外，我注意到您在HTML中多次重复ID（例如<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>。您也可以通过为<tr>指定vertical-align：top来完成css。