Css 显示网页右侧空白的水平滚动条？

这是相关页面：

您将看到，在桌面和移动设备上，页面右侧都有一些空白

基于类似的StackOverflow问题，我还没有在我的代码中找到任何解决方案

---

应该没有水平滚动条，所有内容都填满了整个页面。

将最后一行放在页脚的.container中

.container类上的填充符抵消了.row上的负边距

当出现问题时，重新查看引导文档总是很有用的：

---

我也有同样或非常相似的问题。使窗口更窄，除了底部出现了一个水平滚动条外，所有东西似乎都能正确调整大小。当我滚动时，页面右侧出现了空白

原来原因是页面顶部有一个宽度为100%的元素。但在这下面，我在一个预节中有另一段文字，线条相当宽，比调整大小的窗口宽度还要宽

当我使窗口更窄时，顶部元素的大小正确调整，但是PRE元素不再适合可用的水平空间，因此创建了水平滚动条

当我使用滚动条时，浏览器（当然）没有调整页面顶部内容的大小，因为我没有调整窗口的大小，只是水平滚动

因此，浏览器没有重新调整滚动后的顶部元素，以获得100%的新可见宽度，因此它只能在我滚动时在其右侧显示空白

因此，如果您遇到此类问题，请检查当前可见的DOM元素下面是否有任何DOM元素，以及它们是否可能是导致水平滚动条的原因

通过将预定义部分定义为以下内容，解决了我的特殊问题：

<pre style="width:100%; overflow-x: auto; "
> ...

。。。

---

现在，当我使页面太窄，无法水平放置PRE内容时，会出现一个水平滚动条，但现在只显示在PRE部分下。滚动它只滚动（水平）前一部分，而不是整个页面。当我垂直滚动到页面顶部时，我看不到PRE部分，也看不到它下面的水平滚动条。

#footer.row

如果左/右页边距为负数，请删除以修复。此外，还应删除不同div之间的

标记。顶部/底部间距使用边距。请在问题中放置相关代码，因为远程链接可能会被更改或删除，从而导致问题失效。