【发布时间】：2020-03-22 15:30:42
【问题描述】：
从 Chrome 76 开始，我遇到了折叠边距的问题，减少到这个小提琴：https://jsfiddle.net/f78L4nc3/。
在 Chrome 76 之前和所有其他浏览器中，行为会按预期进行，并且不会折叠内部元素的边距：
不幸的是，自 Chrome 76 以来，边距已折叠：
这个问题有几种解决方法：
- 将
padding: 0.1px;设置为父元素 - 将
overflow: hidden;设置为父元素 - 将
display: inline-block;设置为边距元素 - ...基本上https://www.sitepoint.com/collapsing-margins/ 中描述的所有选项都有效。
这是 Chrome 中的一个错误，还是 Chrome 确实正确呈现了这个？
【问题讨论】：
-
我使用的是 Chrome 80，对我来说似乎很好。
标签： html css google-chrome margin