为什么display：table在Firefox和Chrome中表现不同？

Question

我正在制作一个看起来像这样的布局

All contained withing a 'table' (display: table)
 __________________
| S| HEADER        |
| I|---------------|
| D|               |
| E| CONTENT       |
|  |_______________|
|  |FOOTER         |
--------------------

SIDE是table-cell，HEADER, CONTENT, FOOTER包含在另一个table-cell中。 CONTENT是div，overflow-y设置为自动，而在Chrome中，只要CONTENT中的内容超过初始高度，就会显示滚动条，整个表格不是'但是，在Firefox中，整个表格会垂直扩展，这不是我预期的行为。

我的表格中包含table-layout: fixed属性和overflow: hidden。 无论如何我可以阻止桌面在Firefox中垂直扩展吗？

Answer 1

提一些身高

<td>
<div style="height:200px;
overflow:hidden;">
contents goes here
</div>
</td> 

调整高度，它应该切断视线外的额外线条