为什么滚动条在这个水平 DIV 上不起作用?



所以我通读了线程如何使固定宽度div内的浮动div水平继续,并使用pd.的好答案构建了一个固定大小的DIV,以包含可以水平滚动的内联元素。

它起了作用,完全按照我的意愿。。。只是水平滚动条实际上不起作用。如果我把DIV的高度设为140px,这样还有一个垂直滚动条,那么它就可以工作了。但当我把diff设置得足够高,只有一个水平滚动条时,它就不起作用了!这让我伤透了脑筋。这是代码:

<div style="height: 180px; width: 694px; margin: 0; padding: 0; overflow-x: auto; white-space: nowrap;">
    <span style="width: 160px; height: 120px; background: rgba(255,255, 255, 0.9); display: inline-block; margin: 5px 0 5px 0;"></span>
    <span style="width: 160px; height: 120px; background: rgba(255,255, 255, 0.9); display: inline-block; margin: 5px 0 5px 13px;"></span>
    <span style="width: 160px; height: 120px; background: rgba(255,255, 255, 0.9); display: inline-block; margin: 5px 0 5px 13px;"></span>
    <span style="width: 160px; height: 120px; background: rgba(255,255, 255, 0.9); display: inline-block; margin: 5px 0 5px 13px;"></span>
    <span style="width: 160px; height: 120px; background: rgba(255,255, 255, 0.9); display: inline-block; margin: 5px 0 5px 13px;"></span>
</div>

如果您想直接查看页面,http://12for12boston.tumblr.com,密码:12412。

谢谢大家!

一个div(见下文)覆盖在滚动条的顶部,这就是为什么滚动条是可见的,但不起作用。不确定DIV的目的是什么,但如果你删除它,效果很好。

<div style="height: 50px; width: 960px; position: absolute; top:694px; left: 50%; margin-left: -480px;"></div>

相关内容

  • 没有找到相关文章

最新更新