Html css位置：粘滞-顶部：0垂直滚动正常，但左侧：0水平滚动不粘滞

我创建了一个粘性导航栏：

.topnav {
    min-height: 48px;
    position: sticky;
    top:0;
    left:0;
}

topnav

类中的项目只是

a

元素：

.topnav a {
    float: left;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
}

这适用于html：

<div>...some content...</div>
<div class="topnav">...a few links...</div>
<div class="container">
    <div>...dynamic created table resolves to much wider than 100%...</div>
</div>

…某些内容。。。
…一些链接。。。
…动态创建的表解析为比100%宽得多。。。

当我向下滚动页面时，导航栏成功地固定在顶部

然而，我的页面也有动态创建的表格，允许页面向右滚动，并且

left:0没有任何作用-如果我向右滚动，导航栏只会滚动到远处

我可以看到带有
class=“container”
的父级
div
仅解析为屏幕的宽度，因此我想知道这是否是sticky left不起作用的原因

是宽表元素导致了这个问题吗？我如何修复它？
尝试定位：使用水平滚动时很复杂。查看此演示页面，可以看到一个实现仅解析为屏幕宽度，因此我想知道这是否就是为什么sticky left不起作用的原因？-->是的，您需要创建最小宽度为100%的容器内联块，还需要创建topnav内联块