Question

使用以下代码，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>

Thanksç

Answer 1

从我看到的内容，您需要向class添加ID或divs。此外，如果你真的想要创建一个表，那么通常不需要没有类或id的div就可以完成。以下是如何在w3schools制作表格的参考：http://www.w3schools.com/html/html_tables.asp

Answer 2

用<div style="height: 200px;"> ... </div>

包裹所有内容

表格布局固定不起作用

2 个答案: