css - Webkit 中的显示问题

Question

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

它在 Chrome 中看起来像这样：

有什么解决办法吗？

Answer 1

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

vertical-align: top;

对于使用 渲染的元素，例如display: table-cell您的侧边栏。然后它的内容将从顶部开始流动。