所以我在一个名为 main 的容器中有一个名为 banner 的容器，如下所示：
<div id="main"> <!-- BEGIN MAIN -->
<div id="banner"> <!-- BEGIN BANNER -->
</div> <!-- END BANNER -->
</div> <!-- END MAIN -->
Main 是一个渐变，banner 是我想要在渐变中间的横幅。左右自动效果很好。但是当我尝试在横幅顶部放置 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);
}