Html 儿童'；s保证金不涉及母公司div

我已经做了一个div，其中包含另一个div。下面是它的JSX代码

<div className="header-container">
  <div className="title">
    Make a List
  </div>
<div>

结果如下

---

为什么黑色div在对内部div应用边距后向下移动？页边距应该来自父div，但不是从父div开始的？

这就是页边距的工作原理-如果您的孩子的页边距太大，以至于超出父div，则会将父div“推”离顶部

给父对象一些填充，那么边距就会有一些东西要推

通常，如果要将某个对象移离其同级对象，请使用边距；如果要将其移离其父对象的边，请使用填充。

。

.header-container{
  height: 50px;
  width: 100%;
  background-color: black;
 }



.title{
   color: white;
   margin: 20px;
 }