Question

我希望下图中的黑色矩形完全适合窗口;

我设置margin-left:-8px;以完全删除左边距;但右边距怎么样？（改变margin-right没有那种效果）我怎样才能删除它以使黑暗的矩形接触边界？

我的代码：

<html>
<head>
<body>
<span style="margin-left:-8px; display:inline-block; width:100%; background:#2F4F4F";><font face="Georgia" size="3" color="#FFFFFF">hello world!</font></span>
</body>
</head>
</html>

enter image description here

Answer 1

您可能想要删除html / body元素上的填充/边距：

body, html { margin:0; padding:0; }

Answer 2

你试过了吗？

body {
padding: 0;
margin: 0;
}

Answer 3

默认情况下，body元素的边距为8px。删除它。

body {
  margin:0;
}

Answer 4

添加：

html, body{
    margin: 0;
}

HTML - 如何完全删除右边距？

4 个答案:

Fiddle