首页 > 解决方案 > 保证金崩溃

问题描述

如何在不更改 HTML 的情况下禁用边距折叠并获得 200px 边距?

代码:

<style>

div{
  font-size: 100px;
  border: 10px solid black;
  padding: 20px;
  margin: 100px;

</style>

<body>

  <div>AAAA</div>

  <div>AAAA</div>

</body>

感谢:D。

标签: htmlcss

解决方案


尝试向 body 标签或包含这 2 个 div 的任何父标签添加 0.1px 的填充。

在大多数情况下,这个旧技巧用于禁用碰撞。

您可能希望在此处查看解释和其他解决方案: 如何禁用边距折叠?


推荐阅读