伪 HTML
<div>
<ul>
<li>Nav 1</li>
<li>Nav 2</li>
</ul>
</div>
我希望它看起来像这样
[DIV---------------[UL nav1 nav2]----------------------]
但实际上显示的是
[DIV[UL nav1 nav2-----------padding-------------------]]
li元素被左浮动。ul元素设置了overflow:auto属性。如何让ul元素的宽度适应其内容,而不是尽可能地宽,以便我可以使用自动边距将其居中?