Html 调整窗口大小不需要'；不允许我的导航栏通过水平滚动扩展-css

我已经创建了一个导航栏，并使用css对其进行了样式设置，这样它就可以扩展到整个屏幕。在我调整窗口大小之前一切都很好，然后当我在内容超过窗口大小的页面上水平向右滚动时，导航栏没有完全扩展

当我向右滚动时，我希望导航栏扩展，而不是像现在这样留下空白。我可以用CSS来完成这个任务吗

下面是我现在使用的CSS代码：

        .navigation{
        min-width: 100%;
        height: 40px;
        background-image: url(../images/images/banner.png);
        padding-left:10px;
        }

        .navigation li{
        display: inline-block;
        padding-left: 25px; 
        padding-top: 10px;
        }

        li.logout{
        float:right;
        padding-right: 25px;
        }

---

100%宽度不考虑溢出，因此它总是相对于窗口的实际宽度。只有表扩展以容纳溢出，尽管您可能可以使用表显示样式而不是实际的表。

我认为您的问题在于您可能将.navigation类应用于UL。您应该让导航类成为UL的容器，并带有链接。我举了一个我认为你希望做的例子：

---

不，我没有犯这个错误，当窗口足够大，可以水平放置页面内容时，导航栏看起来很好，但是当调整大小时，它只适合窗口，在我查看示例中的代码时不会扩展。它解决了你的问题。如果有一个容器包裹导航，则不需要为导航指定宽度。除非您另外指定，否则它将扩展页面的宽度。是的，导航仅与窗口的宽度一样长。你能给我看一个有助于解决这个问题的代码示例吗？