1

使用以下代码，CSS 表格应该隐藏超过表格高度（200 像素）的内容。不幸的是，这不起作用，表格垂直扩展。任何人都知道为什么？

 <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>

谢谢

4

2 回答 2

0

据我所知，您class需要ID在divs. 此外，如果您真的想创建一个表，请在没有没有类或 id 的 div 堆的情况下正常进行。以下是关于如何在 w3schools 制作表格的参考：http: //www.w3schools.com/html/html_tables.asp

于 2013-05-04T21:08:40.213 回答
-2

包裹一切<div style="height: 200px;"> ... </div>

于 2013-05-04T21:11:35.407 回答