空间卡在两个 div 标签之间

Question

我一直在编写一个小型博客表单，但我的 Div 标签遇到了问题。每当我创建第二个 div 标签来保存表单时，它和前一个 div 标签之间就会出现一个空格。我的 CSS 有什么问题吗？

body {
 background-image: url(../images/body-bg.jpg);
 font-family: arial;
}

#header {
 background-image: url(../images/new-post-h.png);
 background-repeat: no-repeat;
 height: 124px;
 width: 850px;
 color: #ffffff;
 margin: 0em 0px;
}

#form-bg {
 background-image: url(../images/new-post-b.png);
 background-repeat: no-repeat;
 height: 500px;
 width: 850px;
 padding: 8px;
 margin: 0em 0px;
}

#new-form {
 height: 624px;
 width: 850;
 margin-left: auto;
 margin-right: auto;
}

以下是不断发生的事情： http://i40.tinypic.com/j623i8.jpg

Answer 1

两件事：

1) 从图像的外观来看（假设它是 100% 大小，以及您的标题是什么元素等），您的标题背景只有约 50 像素高。但是，您在 CSS 中将高度定义为 124px。您无法使用 CSS 拉伸背景图像（据我所知），因此图像不会填充元素的大小。

2) 在#new-form 的声明中，将单位添加到width。否则，它将无法按预期工作，并且还会出现解析器错误。