Überlauf versteckt funktioniert nicht in FF & IE

Question

Ich habe einen Überlauf auf der X-Achse, die ich versuche, in einem Container von display:table zu verstecken. Der Überlauf ist in Chrome und Safari versteckt. Wie der Titel schon sagt, ist dies jedoch nicht der Fall in FF & IE 11.

Meine Geige: https://jsfiddle.net/z6wLnsas/1/

ich beide overflow: hidden und overflow-x: hidden versucht, aber die Probleme bestehen nach wie vor in den identifizierten Browsern.

Answer 1

Aus irgendeinem Grund funktionieren die Überlaufeigenschaften nicht in Tabellen. Versuchen Sie stattdessen, Ihre Tabelle (oder div mit display: table) in ein anderes div zu setzen.

So etwas wie

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

Dann auf dem Behälter den Überlauf Eigenschaft setzen.