Webkit中显示的问题

Question

我正在使用display：table和table-cell divs（放在display：table div中）来为我的站点创建布局。我只有2个单元格（第一个是侧边栏，第二个是主要内容）。它在firefox中运行良好，但在chrome和其他webkit浏览器中，侧边栏的内容只是在主要内容下移动。列布局工作正常，但看起来webkit将我的侧边栏内容放在第二行，主要内容放在第一行。我也试过在表格行div中包装div（侧边栏和主要），但它不起作用。 在firefox中看起来像这样：

在Chrome中看起来像这样：

对此有何解决方案？

Answer 1

问题通常是垂直对齐，使用

vertical-align: top;

表示使用display: table-cell呈现的元素，也就是您的侧边栏。然后它的内容将从顶部开始流动。