我不使用自舉或reset.css/reboot.css,，我試圖建立一個通用的css網站。 我正在做一些非?；镜氖虑椋俏业玫搅? quot此元素導致元素溢出幾乎無處不在。我很久沒有在沒有css框架的情況下做布局了，我找不到關于這個問題的任何東西。即使是一個br也會導致溢出！這是什么？我沒有看到任何卷卷，一切看起來就像我期望的那樣。這個消息就是煩。

我檢查了一點點，發現圖像導致了這一點。但是我有

.img-responsive, .responsive {
    height: auto;
    max-width: 100%;
}
.img-thumbnail, .thumbnail {
    padding: 0.25rem;
    background-color: white;
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
    box-sizing: border-box;
}

如果我刪除這張圖片，下面的一些元素的溢出信息就會消失。有人能告訴我這是怎么回事嗎？

這會有幫助的。

html {
    width: 100%;
}

來自MDN:

當有足夠的內容導致溢出時，通過應用overflow: scroll to a container或overflow: auto來創建滾動容器。Firefox DevTools使得發現可滾動元素和任何導致溢出的元素變得很容易。

在HTML窗格中，可滾動元素旁邊有一個滾動標記...

您可以切換滾動標記以突出顯示導致溢出的元素，根據需要展開節點以使節點可見...

在導致溢出的節點旁邊，您還會看到一個溢出標記。

所以，如果容器有溢出的內容，它將被標記為溢出，正如你已經注意到的。要么調整內容不溢出，要么調整容器本身以允許內容不溢出。您注意到的DevTools徽章可用于識別哪些項目溢出了哪個容器。

我建議用html創建一個重置

/* ------------ Reset CSS ------------ */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  width: 100vw;
  height: 100vh;
}

我注意到我正在做的項目也有類似的問題。似乎當您在任何瀏覽器中使用inspect時，由于Inspect控制臺顯示在HTML元素上而部分顯示的HTML元素在該節點上被標記為溢出。由于您已經最大化了Inspect console，它覆蓋了網頁的所有元素，因此它們可能被標記為溢出。