自 Chrome 76 以来的利润率下降
Collapsing margin since Chrome 76
因为 Chrome 76 我有一个边距崩溃的问题,减少到这个 fiddle: https://jsfiddle.net/f78L4nc3/.
在 Chrome76 之前以及在所有其他浏览器中,该行为符合预期并且不会折叠内部元素的边距:
不幸的是,由于 Chrome 76,页边距被折叠:
此问题有多种解决方法:
- 设置
padding: 0.1px;
到父元素
- 设置
overflow: hidden;
到父元素
- 将
display: inline-block;
设置为边距元素
- ...基本上 https://www.sitepoint.com/collapsing-margins/ 中描述的所有选项都有效。
这是 Chrome 中的错误还是 Chrome 实际上正确地呈现了它?
看起来它会在即将到来的 Chrome 79 中修复。感谢 Yaakov Ainspan 指出。
因为 Chrome 76 我有一个边距崩溃的问题,减少到这个 fiddle: https://jsfiddle.net/f78L4nc3/.
在 Chrome76 之前以及在所有其他浏览器中,该行为符合预期并且不会折叠内部元素的边距:
不幸的是,由于 Chrome 76,页边距被折叠:
此问题有多种解决方法:
- 设置
padding: 0.1px;
到父元素 - 设置
overflow: hidden;
到父元素 - 将
display: inline-block;
设置为边距元素 - ...基本上 https://www.sitepoint.com/collapsing-margins/ 中描述的所有选项都有效。
这是 Chrome 中的错误还是 Chrome 实际上正确地呈现了它?
看起来它会在即将到来的 Chrome 79 中修复。感谢 Yaakov Ainspan 指出。