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，它会在我使用的测试浏览器中产生统一的结果。但我希望有人有更好的解决方案。