Html 如何在除法类中使用边距，使其不影响外部除法类

当我将

margin top

应用于内部div

class=“menu”

时，它会影响外部div，这意味着外部div的移动幅度与应用于内部margin的相同

---

建议我如何处理这个问题。我想从外部页眉div设置页边距顶部

class=“menu”

有更多方法可以避免折叠边框，例如，您可以使用

填充

<div  class="header">
    <div class="menu"></div>
</div>

或

上的
边距
。标题

和溢出：在父级上隐藏

.header {padding-top: 20px;}

也可以是

.menu

的边距和父级填充的组合

.header {overflow: hidden;}
.menu {margin-top: 20px;}

---

当您将一个元素与另一个元素组合在一起时，将继承margin top属性。。。。为了避免这种情况，可以将padding top放在父元素上

Html代码：

.header {padding-top: 1px;}
.menu {margin-top: 19px;}

<div class="father"><div class="child"></div></div>

.father{ padding-top: 50px; }