2012-09-12 148 views
0

这听起来很“noob”,但我是新来的HTML/JavaScript/PHP,到目前为止,我一直在爆炸发现新的东西。不过现在,我遇到了一个小问题。自动水平滚动

我想使用大量的按钮(这是一个矩阵按钮,5×24)的用户界面。当浏览器最大化时,它们都很好,按钮就是它们应该在的位置。但是,当浏览器调整到变窄(宽度变小)时,按钮会依次移动而保持可见。

我想知道如何使它自动出现水平滚动条。

我试图把一切在<body>标签,并把style="width:100%;overflow:scroll;"但按键还是做他们做什么,那就是,当他们应该通过侧是侧彼此顶部结束了......

非常感谢!

回答

0

问题是,width: 100%表示父元素的全宽度。给你的容器必要的宽度(在px,而不是%),以适应你所有的按钮。比把它放在与overflow: auto分开,它应该工作。

+0

神圣的福吉!你是个天才!哈哈。谢谢! –

+0

没有那么多。我的答案是缺少额外的包装div部分。我刚刚编辑了最后一句话来补充说明(但你可能已经认识到了这一点,因为它现在似乎正在工作)。 – bfavaretto

+0

哦。实际上,我没有。当我将宽度更改为特定数量的px时,它会自动滚动。呵呵。我不知道为什么......我只是将所有内容都包含在身体标记中...... –