我将div“top”放在其父div“wrapper”中时遇到问题。我尝试过使用margin-top，但似乎这样做会移动整个“包装器”div而不是它的子。我究竟做错了什么？有没有更好的方法来进行定位工作？
最佳，
CSS_maniac
HTML：
<head>
<title>Circle Motion</title>
<link rel="stylesheet" type="text/css" href="styles.css" />
</head>
<body>
<div id="outer-wrapper">
<div id="wrapper">
<div id="top">
</div>
</div>
</div>
</body>
CSS：
#outer-wrapper {
height: 100%;
width: 1000px;
margin: 0px auto;
background-color: blue;
}
#wrapper {
height: 100%;
width: 960px;
margin: 0px auto;
background-color: white;
}
#top {
width: 960px;
height: 80px;
**margin-top: 25px;**
background-color: green;
-moz-border-radius: 15px;
border-radius: 15px;
}