div ネストの問題_html/css_WEB-ITnose

次のようにネストされた形式を作成しました。

/body>

CSS は次のとおりです:
#main { margin:0px;height:1000px;width:170px;background-image:url(../images/menu_bg.jpg);}
#menu { margin :0px;問題は、メニュー ブロックがネストされていない前は、最も外側のメイン ブロックの背景の上端と左端が隙間なくブラウザの端に近いのですが、それをネストされたメニューの後に追加すると、ブロック、外側のメインブロックの左の境界線は問題ありませんが、上の境界線が下に移動しており、CSSに margin-top:0px を追加しようとしましたが、まだありません。この現象の原因は何でしょうか?
オンラインで専門家に質問してください。ありがとうございます!




ディスカッションへの返信 (解決策)

#menu で設定したマージンは、論理的には 10 ピクセルである必要があります。 , 外側のメインブロックは動かないはずなのに、メニューブロックは10px下に移動するのですが、なぜ設定後に外側のブロックが10px下に移動するのですか?

paddingの設定で十分であることが分かりました。 、しかし、私はまだ混乱しています、なぜ内側の div ブロックのマージン属性を設定すると外側のブロックがそれに応じて移動するのでしょうか。

http://leepiao.blog.163.com/blog/static/485031302010427113653/

この投稿は確かに正しいです、ありがとうございます