如何自动制作div大小，但不要在窗口边缘打破？

Question

我有一个纯粹的CSS翻转菜单，可以在翻转时显示子导航。我希望这个子导航的宽度是内容显示所需的任何内容（即我不想在CSS中硬编码宽度）。但是，如果我不对CSS中的宽度进行硬编码，则div会在窗口边缘附近断开并且内容会换行。如果我设置宽度，我得到所需的效果（除了div是硬编码大小）并且内容不包装，它只是扩展。有两种方法可以同时拥有吗？

Answer 1

DIV不会破坏。无序列表中断。内容列表中的内容中断，但没有设置宽度的div总是占用页面的整个宽度（在调整边距之前）。

你想要的是保持div中的内容不被包装，这可以通过以下方式完成：

 #navItem {
   white-space: nowrap;
 }

使用最小和最大宽度或使用javascript有更复杂的动态宽度方法，但两者在浏览器中都不一致。

Answer 2

您可能希望查看Superfish，尤其是“Supersubs”选项，http://users.tpg.com.au/j_birch/plugins/superfish/#sample5

它会自动将子项目项目调整为内容的宽度。