Question

简单问题：

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

<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是居中的，一般来说绝对定位非常混乱。

Answer 1

body元素（无论是否显式包含它）都存在一个默认的边距，可以使用此CSS删除：

body { margin: 0; }

您还应该使用文档类型声明（例如<!doctype html>和ensure your HTML is valid）作为well as your CSS开始使用。