DIV 溢出/滚动条/chrome/ff/ie
希望对某人来说这是一个简单的问题:)
我有一个照片画廊条，它在上面的 DIV 中加载主图像。画廊条在 Chrome 中显示正常，但在 IE 和 FF 中滚动条不会出现，并且画廊会垂直展开，任何人都可以帮忙吗？提前致谢！ :)
这是页面 http://www.militarysilver.co.uk/military-silversmith-gallery.php ，
非常感谢 担
hopefully a nice easy question for someone :)
I have a gallery strip of photo's which load a main image in the above DIV. The gallery strip appears fine in Chrome but in IE and FF the scroll bars do not appear and the gallery spreads itself out vertically, can anyone help? Thanks in advance! :)
Here is the page
http://www.militarysilver.co.uk/military-silversmith-gallery.php
Many Thanks,
Dan
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
您需要将
div.container设置为 auto 以外的宽度。固定宽度将确保嵌套列表项不会在浏览器边缘换行（在特定情况下 auto 指的是 100% 浏览器宽度），而不是在像素 2048 上换行（如果将其设置为 div 的宽度）。希望能澄清事情。
埃夫克斯
You need to set a width to
div.containerother than auto. A fixed width will ensure that the nested list items won't wrap on the browser's edge (auto in you particular case refers to 100% browser width) rather than on pixel 2048 (if you set this as the div's width).Hope that clarifies things up.
aefxx
从 CSS 中的
li样式中删除float并将其替换为display:inline。将overflow-x:scroll放置在gallerystrip类中。这种方式不需要设置宽度，也不会产生不需要的效果。
希望这有帮助。
Remove the
floatfrom yourlistyle in your CSS and replace it withdisplay:inline. Placeoverflow-x:scrollinside thegallerystripclass.This way does not require a set width and does not produce unwanted effects.
Hope this helps.