显示：在div中的表格不像表格

Question

http://img580.imageshack.us/img580/1811/sinttulooh.png

我有问题，您在图片中看到。这是一个三栏的div。这个div有一个display：table属性，每一列都有一个display：table-cell属性。问题是，如你所见，当中间的内容完成时，左边和右边的列开始其内容，并且他们应该从顶部开始写入，作为中间列。

我不知道它为什么会这样，因为在其余的CSS中没有任何其他规则发生冲突。我在其他例子中看到，没有必要定义table-column或table-row来获得这种风格。

我应该如何声明div来获得期望的结构？

谢谢!!

Answer 1

你不需要表格，也不需要放置显示：表格。

只需使用css造型来制作三列布局，这就是您想要存档的内容。

检查此链接，例如：

http://matthewjamestaylor.com/blog/perfect-3-column.htm

Answer 2

这里有一个工作示例： http://jsfiddle.net/NyqGQ/1/

注意“边境崩溃”属性，合并容器和儿童的边界。

Answer 3

尝试将垂直对齐属性设置为您的表格单元格顶部。

.your-table-cells 
{ 
    vertical-align:top; 
}