CSS子导航自动宽度

Question

这一直困扰着我。请在这里看看我的小提琴。

http://jsfiddle.net/y9uEf/

如果文本中包含很长的文本，您可以看到Subnav似乎无法“变大”。我知道这是因为它的宽度始终是父级的100％（在这种情况下是顶级菜单Home，Who，Contact）。我可以在subnav ul中添加宽度，以便subnav ul更大，但是这将适用于所有subnavs，考虑subnav内容的宽度。

现在如果我希望它是动态的呢？例如，如果subnav内容只有“短文本”（假设它是大约50个像素），那么subnav宽度将是50像素。然后，如果subnav内容有一个列表“A Very Very Very Long Text”（假设它大约是200像素）那么subnav宽度将自动为200px。

由于

Answer 1

您可以尝试将white-space: nowrap添加到li。