次のコードでは、CSS テーブルは、テーブルの高さ (200px) を超えるコンテンツを非表示にすることになっていました。残念ながら、これは機能せず、テーブルが垂直方向に展開されます。誰でも理由を知っていますか?
<div style='display:table; border:1px solid blue;
width:200px; table-layout:fixed; height: 200px'>
<div style='display:table-row'>
<div style='display:table-cell; overflow:hidden'>
contents<br/>contents<br/>contents<br/>contents<br/>contents<br/>
contents<br/>contents<br/>contents<br/>contents<br/>contents<br/>
contents<br/>contents<br/>contents<br/>
</div>
</div>
</div>
<div style='display:inline-block;width:20px;height:200px;
border:1px solid red; position:absolute;top:8px;left:220px'>
</div>
ありがとうございます