CSS高度：0和溢出：隱藏邊緣在safari上有不同的行爲

Question

我遇到的問題是我有一個與margin:20px;的div來保持它隱藏我追加樣式height:0px;overflow:hidden到div。這適用於沒有應用margin的Safari。

示例代碼這裏找到https://jsfiddle.net/cattails27/1no9u54t/2/

Safari瀏覽器輸出：

其他瀏覽器結果：

所不同的是在綠色的輪廓。在safari上，設置height:0;overflow:hidden;會影響保證金。在其他瀏覽器上div的邊距仍然有效。

---

瀏覽器測試：

• Safari瀏覽器9.0.2版
• 的Chrome版本49.0.2623.112（64位）
• 火狐45.0.1
• 微軟邊緣20.10240.16384.0

---

不是一個真正的關注，但是，IE11測試產生了一些有趣的結果

IE 11版本11.0.10240.16431

Answer 1

我的工作圍繞這是不是設置height:0px，用小替換值，例如height:0.01px，它會在我使用的測試瀏覽器中產生統一的結果。但我希望有人有更好的解決方案。