这听起来很“菜鸟”,但我是 HTML/javascript/php 的新手,到目前为止,我一直在寻找新东西。不过现在,我遇到了一个小问题。
我正在尝试制作一个包含大量按钮的用户界面(它是一个按钮矩阵,5x24)。当浏览器最大化时,一切都很好,按钮在它们应该在的位置。但是当浏览器被调整以使其变得更窄(宽度变小)时,按钮试图通过在彼此之上移动来保持可见。
我想知道如何让它自动出现水平滚动条。
我试过将所有内容都放在 <body>
中标记和放置 style="width:100%;overflow:scroll;"
但是按钮仍然按照它们的方式进行操作,也就是说,当它们应该并排放置时,最终会彼此重叠......
非常感谢!!!
最佳答案
问题是,width: 100%
表示父元素的全宽。为您的容器提供必要的宽度(以 px
为单位,而不是 %
)以容纳所有按钮。将它放在带有 overflow: auto
的 div 中,它应该可以工作。
关于html - 自动水平滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12380034/