如何删除我网站中的多余空白

Question

在我的网站上，它不断在右侧添加额外的空白

我不知道如何删除它，我尝试了边距填充，但它没有用
如果我的代码有问题，那么这里是图像和 styles 的代码

 div.box { display: block; margin-left: -1250px; margin-top: -225px; } /* applied for all images, eg box2, box3, box4*/

 <div class="box"> <img src="https://i.pinimg.com/736x/76/d8/03/76d80307e603191188e9e7faac52bed3.jpg" alt="cute cat"> </div>

Answer 1

使用溢出的 css 属性：

div.ex1 {
  overflow: scroll;
}

div.ex2 {
  overflow: hidden;
}

div.ex3 {
  overflow: auto;
}

div.ex4 {
  overflow: clip;
}

div.ex5 {
  overflow: visible;
}

Answer 2

您可以简单地使用padding和margin属性。

---

 .box { padding: 0; width: fit-content; height: fit-content; }.box img { margin: 0; }

 <div class="box"> <img src="https://i.pinimg.com/736x/76/d8/03/76d80307e603191188e9e7faac52bed3.jpg" alt="cute cat"> </div>

Answer 3

为您的代码添加padding 。

div.box {
  padding:0;
  ...
}
div.box img{
   padding:0;
   margin:0;
}

Answer 4

尝试为图像编写一些 css，以使图像响应我们使用

img {宽度：100%;}

这将告诉图像占据 div 的全宽 ..