所以我通读了线程如何使固定宽度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>