Question

我有一个简单的子div嵌套在父div中，就像这样......

我试图理解为什么我不能通过使用margin-top：25px来移动孩子div（例如25px），相对于父div，除非我给父div一个边框。我认为子div正在使用边框作为参考点，这就是为什么margin-top在应用边框后实际工作的原因。这一切都很好，花花公子，但在我正在研究的具体例子中，父div有一个背景图像，我不想给它一个边框。但没有边框，孩子div就不会动了！

<body>

  <div id="main">

      <div id="child">
      </div>

 </div> 

</body

#main {width: 500px;
   border: 1px solid black;
   height: 500px;
   background-color: red;
   margin: auto;
   margin-top: 200px;
   }

#child {width: 100px;
    height: 100px;
    background: blue;
    position: relative;
    top: 5px;
   }

Answer 1

我几天前遇到过这个问题，我通过向父div添加一个小填充（1px）来解决它，然后在子div上使用margin。

Answer 2

您应该将display:inline-block;属性赋予子div。

与父div相关的子div余量

2 个答案: