Html <；ul>；-浮动李'；s-父元素宽度

我想

浮动
到
ul
中的左侧，而不将
宽度设置到内部
元素

问题是
位于
nav
中，宽度为70px（看看JSFIDLE）

得到以下（）

CSS:

HTML:











如果我设置了e.x.
ul{width:200px；}
它可以工作，我也尝试了
width:auto
，但是没有工作。
这是因为你在css中的
上设置了
位置：relative
。


在css中删除这一行，应该可以：

li { position:relative; }

检查以查看其工作情况



更新：（在OP的新评论之后）

您可以给
ul-ul
a
width
指定固定像素

ul ul {
    ....
    width:200px;      /* instead of width:auto; */
}

检查以查看其工作情况

C Travel的答案是正确的，您需要删除
位置：相对来自您的
li

但是，如果出于某种原因不能这样做，另一种方法是设置
display:table开启
ul

您可以使用
显示：表格但是，当您添加更多列表项时，它仍然不起作用。查看更多列表项的示例没有问题，当有两个列表项时，仍然是他的问题的解决方案。谢谢！如果我设置导航
位置：fixed？检查我的更新；）我希望您可以设置第二个
ul
的宽度，谢谢！但不幸的是，不是这样的：/也许我应该用js设置宽度，但这并不是那么清楚，因为你会得到内联代码。。而不是把它放在样式表中
li { position:relative; }

ul ul {
    ....
    width:200px;      /* instead of width:auto; */
}