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位）
• Firefox 45.0.1
• Microsoft Edge 20.10240.16384.0

不是真的关注，但在IE11上测试产生了一些有趣的结果

IE 11版本11.0.10240.16431

Answer 1

我的解决方法是，不是设置height:0px，而是将其替换为height:0.01px这样的小值，并且在我使用test的浏览器中产生统一的结果。但我希望有人有更好的解决方案。