Javascript 当nowrap设置为DIV时，没有水平页面滚动

我试图在javascript中创建大量div，我不希望页面被包装。当我在CSS上设置nowrap时，没有水平滚动。有人能帮我吗？我的朋友：

JS:

HTML:

试试看。基本上，您只需添加：

.table
{
    overflow-y: scroll;
    height: auto;
}

overflow-y:scroll

强制

.table

div始终添加滚动条。您还可以将其设置为

auto

，如果表格未完全填满其父级（或您的屏幕）的宽度，将导致滚动条消失

编辑：

试试看

---

只需将

位置：fixed

更改为

位置：relative

并将

left:20px

更改为

边距left:12px
空白：nowrap

的目的是抑制换行，因此如果希望表格滚动，您需要在

表

规则中添加

overflow-x:scroll

如果希望正文滚动，请尝试

.table

.table {
    height: 20px;
    left: 20px;
    outline: black solid none;
    white-space: nowrap;
    position: relative;
}

---

位置：已修复是此问题的原因。如果您的表不需要修复，那么您可以删除该CSS规则，它将起作用

您还可以使用position:absolute，这样就行了

如果你想使用浏览器的滚动条，而不是把滚动条放在桌子上，那么我认为这些是你唯一的选择，固定位置的元素溢出了身体

---

当所有

位置：固定的
更改为
位置：绝对的
时，尝试这样的操作：好吧，我有另一个Div出现在这个表的顶部，所以我需要主页来显示滚动条，而不是我的表！你的桌子需要修理吗？如果删除该定位，则浏览器将水平滚动。嗯，左边的属性应该是固定的…基本上我不想更改我的当前设置。
左边距
或
位置：绝对值如何？
位置：固定
意味着如果你垂直滚动，它将不会移动。嗯，我稍后在这个表的顶部有另一个Div，所以我需要主页来滚动，不是表本身。@Jasmin请提供完整的代码/标记。否则我们帮不上忙。但是，我建议可能在
.table
div的父级或
body
元素上添加
溢出：auto
；但是它的外观并不好看！用一个新的小提琴编辑，看起来不错；但是现在左属性不起作用了！只需添加任何定位除了修复这项工作…但在我的主要项目中，我通常面临一些定位问题！你能看一下吗：我的完整代码有点复杂：jsfiddle.net/UY4K3/7但正如你所看到的，最初窗口位于单元格#1，而不是0…如何修复它？我这样做了，但不幸的是，当按下apply时，窗口将跳转到3而不是2！！没有变化。那么突出显示的单元格就不起作用了……我的代码需要更改。你是什么意思？突出显示单元格在您自己的小提琴中不起作用。基本上，对页面上的所有元素使用
position:absolute
是非常糟糕的。没有必要。为此，您可以使用浮动和边距等。
<div id= "table" class="table"> </div>

.table
{
    overflow-y: scroll;
    height: auto;
}

.table {
    height: 20px;
    left: 20px;
    outline: black solid none;
    white-space: nowrap;
    position: relative;
}