时间戳

首页 > 解决方案 > HTML 页面右侧的小间隙 - 这是一个错误还是只是网络浏览器的一个怪癖？

html - HTML 页面右侧的小间隙 - 这是一个错误还是只是网络浏览器的一个怪癖？

问题描述

网页和浏览器窗口之间有一个小间隙。可以通过增加缩放并查看屏幕右侧的彩色来查看。

它出现在我的网站项目中：

网页和浏览器窗口之间的小间隙

它还显示在blender.org、getbootstrap.com甚至在StackOverflow上

我没想到会在这里看到这个。这是一个错误还是只是网络浏览器的一个怪癖？

额外的

为了帮助更好地描述问题：

HTML

<!DOCTYPE html>

<html lang="en">
<head>
    <link rel="stylesheet" href="./style.css" type="text/css" />

</head>
<body>
<div></div>
</body>
</html>

CSS

*{
background-color: red;
padding: 0;
margin: 0;
}

div{
background-color: blue;
height: 200 px;
width: 100%;
)

通过放大到 500% 并一直向右移动，可以看到身体的红色背景。

在蓝色 div 后面看到的红色背景

标签： htmlcss

解决方案

这可能是因为 body 标签的默认边距默认为 8px。您可以通过在 css 中将 body 的边距设置为 0px 来解决此问题。此外，如果您愿意，您也可以将填充设置为 0px 以更好地控制大小。

推荐阅读