為什么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設置為auto，而在Chrome中，只要CONTENT中的CONTENT超過初始高度，就會出現滾動條，整個表格不會垂直調整大小，但是，在Firefox中，整個表格越來越多了垂直擴展，這不是我預期的行為。

我的表有table-layout: fixed屬性和overflow: hidden 。 無論如何我可以防止桌面在Firefox中垂直擴展？

Answer 1

提一些高度

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

調整高度，應切斷視線外的額外線條