Question

在我正在创建的主体中，似乎有一个空白边距，它占据了红色矩形右侧的全部空白，而且我不完全确定它的来源。在图像中，您可以看到我已将身体的边距设置为0，并且在检查器工具中似乎没有显示任何数量的像素作为边距。这是从哪里来的，我如何将其删除？

如果有帮助，这是在做出反应。

我对所有这些都有些陌生，因此，如果这是一个简单的问题或之前已经回答过，对不起！我找不到适合自己情况的答案。

Answer 1

$ echo Taco burrito Mexico fiesta | awk '{gsub(/ (\S*[A-Z]\S*)|(\S*[A-Z]\S* )/, "")}1'
burrito fiesta

所以它是318像素宽，边距是剩余的。

Answer 2

您的身体的宽度为318px，其余为空白，而不是空白。开发人员工具会将空白或边距显示为橙色框。

Answer 3

HTML <body>周围的

空水平空间对于任何浏览器都是常见的和预期的行为。最后，当用户扩展窗口（从而扩展屏幕空间）时，什么必须代替什么？

您不能本身将其固定宽度<body>删除。

在典型的用例中，您要固定{em> {em}中的第一个孩子的宽度和中心（保留<body> 无固定宽度以覆盖整个页面宽度）。通过在<body>上应用margin: 0; width: 318px;，您可以将水平边距设置为自动并使其居中。