Html 为什么display:table在Firefox和Chrome中的行为不同？

我正在做一个像这样的布局

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

SIDE

是一个

表格单元格

，

页眉、内容、页脚

包含在另一个

表格单元格

中

CONTENT

是一个

div

，它将

overflow-y

设置为自动，在Chrome中，每当

CONTENT

中的内容超过初始高度时，就会出现滚动条，并且整个表格不会垂直调整大小，但是在Firefox中，整个表格会垂直扩展，这不是我所期望的行为

我的表具有

表布局：fixed

属性和

溢出：hidden

在Firefox中是否有我可以阻止表格垂直扩展的方法？

提到一些高度

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

内容放在这里

---

调整高度，它会切断你视线之外的多余线条

你可能不应该用桌子来做这个。使用flexbox或网格或浮动。欢迎使用堆栈溢出，并感谢您提出的有趣问题。如果你包含一些示例代码来重现你在文章中描述的行为，人们将更容易快速观察你正在谈论的内容并找出答案，从而提高你获得答案的几率。祝你好运你成功克服了吗？