gpt4 book ai didi

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

转载 作者:太空宇宙 更新时间:2023-11-03 19:10:29 27 4
gpt4 key购买 nike

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

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

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

最佳答案

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

jsFiddle here

关于CSS - 强制子 DIV 扩展页面宽度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8499035/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com