这听起来非常“noob”,但我是HTML / javascript / php的新手,到目前为止我一直在发现新的东西。但是现在,我遇到了一个小问题。
我正在尝试创建一个包含大量按钮的UI(它是一个按钮矩阵,5x24)。当浏览器最大化时,一切都很好,按钮就是它们应该的位置。但是当调整浏览器以使其变窄(宽度变小)时,按钮会通过彼此移动而保持可见。
我想知道如何制作它以便自动显示水平滚动条。
我已经尝试将所有内容都放在<body>
标记中并放置style="width:100%;overflow:scroll;"
但按钮仍然可以执行他们所做的操作,也就是说,当他们应该按照这些按钮时,它们会相互叠加并肩......
非常感谢!!!
答案 0 :(得分:0)
问题是,width: 100%
表示父元素的整个宽度。为容器提供必要的宽度(px
,而不是%
)以容纳所有按钮。然后将它放在overflow: auto
的div中,它应该可以工作。