子 DIV_html/css_WEB-ITnose にマージンを設定すると、親も下に移動するのはなぜですか

CSS

CSS コードは次のとおりです
#header-div{
height:80px;
background-color:#c0c0c0;
#logo-div{
width:200px; :120px;
背景色:#400040;

img src= "" alt="" />

ディスカッションへの返信 (解決策)
親要素は正確な幅を持たず、モデルの定義。ただし、div のデフォルト表示はブロックです。親要素が逃げないように幅を設定できます。

子のマージン効果は親に直接適用されます

しかし、子を直接フローティングしたのですが、わかりません。このボックス モデルについて十分に理解できていないのですが、CSS コードの書き方を専門家に聞きたいのですが、各ボックスの幅と高さは固定ですか?

つまり、これはマージン オーバーレイの問題です。検索して確認できます。

マージン オーバーレイは 2 つのブロック レベルの要素の間にのみ表示され、親要素にはオーバーレイを発生させるためのパディングやボーダーを含めることはできません。

フローティング要素にはマージンオーバーレイがありません。

ここで、親要素にボーダーまたはパディングを追加することで、前述の問題を解決することもできます。

マージンの問題を少し整理しました。参照してください: http://blog.csdn.net/zyl_lyr1019/article/details/14215355