自动水平滚动

时间:2012-09-12 01:17:45

标签: html css button scroll

这听起来非常“noob”,但我是HTML / javascript / php的新手,到目前为止我一直在发现新的东西。但是现在,我遇到了一个小问题。

我正在尝试创建一个包含大量按钮的UI(它是一个按钮矩阵,5x24)。当浏览器最大化时,一切都很好,按钮就是它们应该的位置。但是当调整浏览器以使其变窄(宽度变小)时,按钮会通过彼此移动而保持可见。

我想知道如何制作它以便自动显示水平滚动条。

我已经尝试将所有内容都放在<body>标记中并放置style="width:100%;overflow:scroll;"但按钮仍然可以执行他们所做的操作,也就是说,当他们应该按照这些按钮时,它们会相互叠加并肩......

非常感谢!!!

1 个答案:

答案 0 :(得分:0)

问题是,width: 100%表示父元素的整个宽度。为容器提供必要的宽度(px,而不是%)以容纳所有按钮。然后将它放在overflow: auto的div中,它应该可以工作。