0

だから私はメインと呼ばれるコンテナ内にバナーと呼ばれるコンテナを持っています:

<div id="main"> <!-- BEGIN MAIN -->
<div id="banner"> <!-- BEGIN BANNER -->
</div> <!-- END BANNER -->
</div> <!-- END MAIN -->

メインはグラデーションで、バナーはそのグラデーションの中間に配置したいバナーです。左右オートが良く効きます。しかし、バナーの上に 10px のマージンを設定しようとすると、メインとバナーの両方が下に移動します。バナーだけが下に移動するようにするにはどうすればよいですか? 本当にありがとう！

#main {

width: 1200px;
height: 440px;
background-image: url(../website/images/background_bg.png);

}

#banner {

width: 966px;
height: 367px;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
background-image: url(../website/images/banner.png);

}
4

2 に答える 2

0

#mainに10pxのpadding-topを追加すると、問題が解決します。

だからあなたは持っているでしょう： #main { padding-top: 10px; ... }

于 2012-07-24T15:17:07.217 に答える
0

を使用する代わりに、次のものを使用するmargin-top必要があります。

vertical-align: middle;

このように、#bannerと を指定しなくても、 は常に他のコンテナの真ん中にありmargin-topますmargin-bottom。

于 2012-07-24T15:21:23.807 に答える