html - 负边距顶部在 Chrome 和 Firefox 上的行为不同

Question

我试图通过使用负边距顶部将两个嵌套的 div 对齐到一行中，但在 Firefox (FF) 和 Chrome 上的呈现完全不同。以下是 http://jsfiddle.net/2SK5t/ 上的虚拟示例

HTML

<div class='row_custom'>
    <div>Hello World</div>
</div>
<div class='row_custom'>
    <div class='row_2'>Hello World</div>
</div>

CSS

.row_custom{
    margin-right: 0px;
    margin-left: 0px;
    display: table;
    content: " ";
}
.row_2{
    color:blue;
    margin-top: -20px;
}

Answer 1

删除 display: table; 并且它们匹配。