小编Tri*_*tan的帖子

如何包含"overflow:auto;"的宽度 动态大小的绝对div中的滚动条?

(关于Stack Overflow的第一个问题.希望我做得对.)

我正在尝试创建一个浮动菜单,从其内容继承其宽度(因为我事先不知道宽度,即从URL加载).我可以通过将菜单div绝对定位而不设置宽度或高度来实现这一点.

当内容足够高以至于需要滚动时,会出现此问题.我设置"overflow:auto;" 这样它可以垂直滚动,但新的滚动条不会使div更宽.相反,div保持相同的宽度,并且滚动条突出到其先前大小合适的内容,迫使内容换行.

示例:http://jsfiddle.net/w7Mm8/

在示例中:在Firefox中,"five"被包裹到下一行,但在Chrome中(至少对于Mac),它全部显示在一行上.

没有明确设置菜单的宽度以包括滚动条的宽度,任何优雅的方式来做到这一点?

谢谢!

html css positioning menu scrollbar

28
推荐指数
1
解决办法
2万
查看次数

标签 统计

css ×1

html ×1

menu ×1

positioning ×1

scrollbar ×1