这是我设置的一个小提琴来说明问题。
这是代码
HTML
<div class="body">
<div class="contact-form" class="clearfix">
<p> asdsasadsad </p>
</div>
<div>
CSS
div.body {
display: block;
height: 800px;
width: 1024px;
background: #474747;
}
div.contact-form {
display: block;
background-color:#F2F7F9;
height: 600px;
width:465px;
padding:20px;
margin: 250px auto;
border: 6px solid #8FB5C1;
-moz-border-radius:15px;
-webkit-border-radius:15px;
border-radius:15px;
}
正如您在小提琴中看到的那样,表单 div 与 body div 的顶部齐平。更改表单上的上边距会将它们都向下推。