0

我的导航菜单有问题。这是我的CSS：

ul.main {
        background-color: #CCC;
        display: inline-block;
}

ul.main > li {
        list-style-type: none;
        display: inline-block;
        position: relative;

}

ul.subNav {
        background-color: #333;
        color: #FFF;
        padding: 0;
        margin: 0;
        position: absolute;
}

ul.subNav li {
        list-style-type: none;
        padding: 0;
        margin: 0;
}

我要做的是使我的子导航与菜单中最长的子项一样宽，因此与最长的子项ul.subNav一样宽li。我似乎无法做到这一点。

我在这里做错了什么？

4

2 回答 2

1

如果我理解正确，您将需要white-space: nowrapsubNavli元素：

ul.subNav li {
        list-style-type: none;
        padding: 0;
        margin: 0;
        white-space: nowrap;
}

这是一个工作演示。如果您想了解更多，这里有一些关于该物业的链接：

于 2013-02-21T23:09:33.627 回答
0

Jeroen 是对的，他打败了我。white-space: nowrap;会成功的。这是我制作的 2 个工作演示：

不带包装

没有 nowrap

于 2013-02-21T23:19:46.650 回答