如何刪除我網站中的多余空白

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 的全寬 ..