0

简单的问题：

默认情况下，例如，当我有这样的文件时：

<html>
  <div style="backgroundcolor:red;height:25px;width:100%;">
  </div>
</html>

我得到一个距窗口边缘大约 10px 边距的 div - 有一个空白区域，即使是文本也基本上无法填充。

但是当我这样做时：

<html>
  <div style="backgroundcolor:red;height:25px;width:100%;position:absolute;top:0;left:0;">
  </div>
</html>

我让它接触到窗户的边缘——没有空白。

我想摆脱空白，因为我有一个居中的窗口，它增长到 100% 宽度，并且由于左侧的不可见边距，它向右延伸得更远，导致两边的空白不对称。

我不想使用绝对定位，因为我正在扩展的 div 是居中的，而绝对定位通常非常混乱。

4

1 回答 1

2

该body元素（无论您是否明确包含它都存在）通常具有应用到它的默认边距，可以使用以下 CSS 将其删除：

body { margin: 0; }

您还应该以 doctype 声明开始您的源代码，例如<!doctype html>，并确保您的 HTML和CSS是有效的。

于 2012-05-20T05:23:51.100 回答