具有自动宽度的元素不会扩展

时间:2013-05-16 19:22:15

标签: css html5 css-float nav

我找不到解决这个问题的方法(我发现的一些事情根本没有帮助)。可能我错过了一些东西。

问题很简单:nav元素不会扩展到其子元素,它会分成两行。它没有固定的宽度,我搜索解决方案以保持这种方式。

这是一个建议解决方案的小提琴。 fiddle 这是另一个建议。fiddle 2

html:

<nav>
<div class="nav-collapse">  
<a href="">Home</a>
<a href="">About</a>
<a href="">Something</a>
<a href="">Someone</a>
</div>

我搜索一个解决方案,保持自动宽度,导航保持浮动。我尝试了与列表元素相同的解决方案,但无论如何都无法正常工作。

提前感谢您的帮助!

1 个答案:

答案 0 :(得分:0)

如果我正确理解你的问题,那么我相信这样做:

如果您设置宽度为100%的导航,这不能解决您的问题吗?