Css 为什么引导4网格显示623px以下的水平滚动条？是虫子吗？

我使用简单的：

<div class="row">
    <div class="col-11"></div>
    <div class="col-1"></div>
</div>

在

.container fluid

div中，我想知道当窗口宽度低于623px时，为什么网格会添加一个水平滚动条

我想弄明白，因为我不想在我的项目中发生这种情况

有人知道这件事吗

---

这里有一个版本可以查看。

在您的代码笔上，这是因为“右”字对于列1太大。

在您的代码笔上，这是因为“右”字对于列1太大。

这是因为当窗口达到该大小时，“右”字不适合列。因此，它会溢出，这就是为什么会出现水平滚动条

要解决此问题，可以使用

col auto

而不是

col-1

col auto

将使列尽可能窄，以适应列中的内容。这也意味着，在这种特殊情况下，列只会被向下推（当它不适合时），而不会得到任何水平滚动条。

这是因为当窗口达到该大小时，“Right”一词不适合列

col-1

。因此，它会溢出，这就是为什么会出现水平滚动条

要解决此问题，可以使用

col auto

而不是

col-1

---

col auto

将使列尽可能窄，以适应列中的内容。这也意味着，在这种特殊情况下，列只会被向下推（当它不适合时），而不会得到任何水平滚动条。

即使删除了单词，我们也会看到相同的行为！即使删除了单词，我们也会看到相同的行为！