2

親 div 内にネストされた単純な子 div があります...

親 div に境界線を付けない限り、margin-top: 25px を使用して、親 div に対して子 div を下に移動できない理由 (例: 25px) を理解しようとしています。子 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 に答える