我第一次看到这个问题：
考虑这样的页面（在新的浏览器标签/窗口中打开）
data:text/html,<body style="min-height: 100vh;margin: 0"><div style="margin: 10px"><h1>hello</h1></div></body>
问题是，即使您的身体也没有裕度，如果您检查开发工具中的元素，身体也会向底部移动10px，那么即使在奇怪的效果下，它也会塌陷。
与通常的body, html { height: 100%; }
我可以使用正常的利润下降技术来解决此问题，例如将border-top添加到身体并在身体上也使用min-height: calc(100vh - 1px)和inline-block。我也可以通过不使用main .container上的margin而是使用padding来解决此问题。
将margin: 0添加到h1（它以.container的边距折叠）没有任何改变。
此行为记录在某处吗？为什么会这样呢？还是我做错了什么？