用 css 关闭内容和正文之间的 space

Question

在我的网页右上角（见附图）在内容（背景图片）和正文之间有一个 space 我想用 image.i 填充这个 space 想要将图像加载到所有 space.I 想要关闭 space.I 给边距，填充左但它不会关闭 space

 .wrapper  {
       width:100%;
         margin:-5px;
      }

我该怎么办

Answer 1

通过使用 Chrome 开发者工具，您很快就会发现 space 来自 <div class="wrapper"> 的 CSS 边距属性。请参阅下面的打印屏幕。

在打印屏幕中，space 已经消失，因为 div.wrapper 不再有边距。

编辑： 背景图片本身有透明边框。用图形程序打开你的图片就可以看到这个。

最好的解决方案是使用图形程序删除边框，因为这样您就可以确定如何将图片设置在精确的像素位置。

如果想将图片向左拉隐藏边框的快速解决方法，则需要向左拉的同时稍微拉伸一下，例如

.wrapper {
   width: 101%;    /* <<<< a bit wider to hide at right */
   margin: -5px;   /* <<<< pull to hide at left */
   padding: 0
}

这样，边框就左右消失了

编辑 2：

使用 width: 101%，可能会出现滚动边框。要删除它们，请使用 CSS overflow-x: hidden。 https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-x

closing space between content and body with css