溢出隐藏在 FF 和 IE 中不起作用

Question

我试图隐藏在 display:table 的容器中的 x-axis 溢出了。溢出隐藏在 Chrome 和 Safari 中。然而，正如标题所暗示的那样，这不会发生在 FF 和 IE 11 中。

我的fiddle：https://jsfiddle.net/z6wLnsas/1/

我已经尝试了 overflow: hidden 和 overflow-x: hidden，但问题仍然存在于已识别的浏览器中。

Answer 1

出于某种原因，溢出属性在 table 上不起作用。相反，请尝试将 table（或 div 与 display: table）放入另一个 div。

类似

<div id='container'>
    <div id='my-table-div'>
    Random content
    </div>
</div>

然后把溢出的属性放在容器上