CSS - 仅显示固定宽度和高度 div 的水平滚动条
我有一个固定宽度和高度的div：
#containersimg
{
width: 900px;
height: 135px;
}
里面有很多图像，宽度为90px，高度为120px。所以我想让我的图像全部排成一行，并仅显示水平滚动条来滚动图像。
我需要让这个在 FF 和 IE8 及以上版本中工作。我尝试了溢出 x 和溢出 y 但没有帮助。
有什么想法吗？希望能在这里得到一些帮助...谢谢...
I got a div which is of fixed width and height:
#containersimg
{
width: 900px;
height: 135px;
}
And I have many images inside, with width 90px and height 120px. So i want to have my images all in a row, and show only horizontal scroll bar to scroll through the images.
I need to make this work in both FF and IE8 and above. I tried the overflow-x and overflow-y but I didn't helped.
Any idea?? Hope can get some help here... thanks...
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（3）
您需要在滚动容器内包装 div 以确保它们不受宽度限制，然后在容器上设置
overflow-x:scroll。我模拟了一个快速小提琴来演示。 http://jsfiddle.net/vUEYG/You need a wrapping div inside your scrolling container to ensure that they are not constrained by width and then set
overflow-x: scrollon the container. I've mocked up a quick fiddle to demonstrate. http://jsfiddle.net/vUEYG/尝试一下:)
取自这个伟大的资源 CSS div 元素 - 如何仅显示水平滚动条？
Give this a go :)
Taken from this great resource CSS div element - how to show horizontal scroll bars only?
你可以添加第一个溢出：自动
可以帮助你
you can add first overflow:auto
may help you