[位置：水平滚动上的粘滞不起作用

Question

我有一个看起来像这样的表：

<table id="navbar"  border="1" style="background-color:navy;height:150px;position:sticky;top:0px;right:0px;left:0px;border-style: solid;border-color:black;max-width:999999px; width:100%; background-image: none;">

所有表的样式：

table{
            text-align:center;
            width:30%;
            left:25%;

            /*font-size:larger;*/
        }

位置粘性应该使之保持不变，以使表格始终保持在屏幕顶部，即使在水平滚动时也是如此。但这不起作用。我发现它起作用的唯一方法是在上面添加另一个表，并同时赋予display：inline-table属性，但这不是我正在寻找的解决方案。有人知道为什么它不起作用的原因吗？

编辑-我需要使用position：sticky。它完全适用于垂直滚动，但不适用于水平滚动。那是我需要解决的问题

Answer 1

使用固定位置：