空间卡在两个 div 标签之间

Posted 2023-02-24

【中文标题】空间卡在两个 div 标签之间

【英文标题】：Space Stuck between two Div Tags

【发布时间】：2010-04-18 19:05:40

【问题描述】：

我一直在编写一个小型博客表单，但我的 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

【问题讨论】：

宽度：850；无效 - 将测量放在最后，即 850 像素；

这里是查看html/php的链接docs.google.com/…

【参考方案1】：

两件事：

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

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

【讨论】：

感谢您的帮助。那真是一个愚蠢的错误。