0

我创建了一个导航栏并使用 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;
        }
4

2 回答 2

0

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

于 2012-04-08T21:04:47.413 回答
0

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

http://jsfiddle.net/ckaufman/w2KUG/1/

于 2012-04-08T21:13:41.413 回答