CSS子导航自动宽度

Question

这一直困扰着我很长一段时间。请看这里的小提琴。

http://jsfiddle.net/y9uEf/

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

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

感谢

Answer 1

你可以尝试添加一个white-space: nowrap您li。