保证金崩溃

时间:2018-08-25 10:04:06

标签: html css3

如何在不更改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。

1 个答案:

答案 0 :(得分:-1)

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

在大多数情况下,该旧技巧常用于禁止碰撞。

您可能希望在此处查看说明和其他解决方案: How to disable margin-collapsing?