2

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

我试图理解为什么我不能通过使用 margin-top: 25px 将子 div 相对于父 div 向下移动（例如 25px），除非我给父 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;
   }
4

2 回答 2

7

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

于 2012-08-25T19:45:03.713 回答
5

您应该将display:inline-block;财产分配给子 div。

于 2012-08-25T19:53:01.683 回答