CSS - 强制子 DIV 扩展页面宽度？

Question

我正在制作一个可编辑的导航。用户可以根据需要在顶部添加许多选项卡。如果有许多选项卡会强制将一组选项卡断开/换行到下一行，我想强制它在一行上，即使这意味着页面宽度会大大增加。

有没有办法让子 DIV 扩展页面宽度，即使内容在包装器中？在我下面的 JS Fiddle 链接中，我有一个带有右侧导航的简单包装页面。我在顶部使用 Listamatic 选项卡 (http://css.maxdesign.com.au/listamatic/horizo​​ntal05.htm)。如您所见，选项卡分成多行选项卡，看起来不太好。我可以使用一些 CSS 来强制 DIV 不换行到第二行或第三行吗？我希望 DIV 根据选项卡的数量(以及选项卡文本中的文本长度)是流动的。有什么想法吗？

http://jsfiddle.net/zenfiddle/yUPCC/3/

Answer 1

将子元素展开到其父元素之外的唯一方法是使用绝对宽度。如果您执行类似的操作，您将遇到需要排序的 z-index 问题。您可以执行一些操作，例如让选项卡列表在其 div 内滚动。

jsFiddle here