0
Chrome(v56)とFirefox(v51)の次のコードを比較すると、Firefoxがコンテンツを移動しています。 Chromeは期待どおりに動作します。FirefoxのCSSテーブル - コンテンツシフト
<html>
<head>
<title>Test Page</title>
<style type="text/css">
.content {
height: 200px;
width: 200px;
}
.table {
width: 100%;
height: 50%;
display: table;
}
.leftCell {
border: 1px solid #cccccc;
width: 50%;
height: 100%;
overflow: auto;
display: table-cell;
}
.rightCell {
width: 50%;
height: 100%;
display: table-cell;
border: 1px solid #cccccc;
}
</style>
</head>
<body>
<div class="content">
<div class="table">
<div class="leftCell">
<div>row</div>
<div>row</div>
<div>row</div>
<div>row</div>
</div>
<div class="rightCell"></div>
</div>
</div>
</body>
</html>
'rightCell' div要素が空のときにのみ問題が表示されます。そのdivを削除すると、内容が期待どおりに表示されます。 誰もこの問題を以前に経験しましたか?これに関する既知の修正はありますか? よろしくお願いします。
作品美しく。ありがとうございました! – Andrey