CSS Höhe: 0 und Überlauf: versteckt mit Rand hat ein anderes Verhalten auf Safari

Question

Das Problem, das ich habe, ist, dass ich ein div mit margin:20px; habe, um es versteckt halte ich Stile height:0px;overflow:hidden an die div. Dies funktioniert gut bis Safari, wo die margin nicht angewendet wird.

Beispielcode finden Sie hier https://jsfiddle.net/cattails27/1no9u54t/2/

Safari Ausgang:

Andere Browser Ergebnisse:

Der Unterschied in der grünen Umriss ist. Bei Safari wirkt sich die Einstellung height:0;overflow:hidden; auf die Marge aus. Bei anderen Browsern ist der Rand des Div weiterhin aktiv.

---

Browser getestet:

• Safari Version 9.0.2
• Chrome Version 49.0.2623.112 (64-Bit)
• Firefox 45.0.1
• Microsoft Edge 20.10240.16384.0

---

Nicht wirklich ein Problem, aber die Prüfung auf IE11 brachte einige interessante Ergebnisse

11 IE Version 11.0.10240.16431

Answer 1

Meine Arbeit um das war es mit einem kleinen, stattdessen die height:0px der Einstellung, ersetzen Wert wie height:0.01px und es erzeugt eine einheitliche Ergebnisse über die Browser, die ich verwendete Test. Aber ich hoffe, jemand hat eine bessere Lösung.