css - 如何自动设置一个 div 大小，但又不让它在窗口边缘破裂？

Question

我有一个纯 CSS 滚动菜单，在滚动时显示子导航。我希望这个子导航的宽度是显示内容所需的任何宽度(即我不想在 CSS 中硬编码宽度)。但是，如果我不在 CSS 中对宽度进行硬编码，则 div 会在窗口边缘附近断开并且内容会换行。如果我确实设置了宽度，我会得到想要的效果(除了 div 是硬编码大小)并且内容不会换行，它只是扩展。有没有办法同时拥有两者？

Answer 1

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

你想要的是不让 div 中的内容换行，这可以通过以下方式完成:

 #navItem {
   white-space: nowrap;
 }

有更复杂的方法使用最小和最大宽度或使用 javascript 来获得动态宽度，但这两种方法在浏览器之间都不一致。