Question

所以我通读了线程How to get Floating DIVs inside fixed-width DIV to continue horizontally?并使用了pd。这个很好的答案来构建一个固定大小的DIV来包含可以水平滚动的内联元素。

它工作正常，它完全按照我想要的方式...除了水平滚动条实际上不起作用。如果我将DIV的高度设置为140px以便还有一个垂直滚动条，则它可以工作。但是当我把差异变得足够大而只有一个水平滚动条时，它就不起作用了！这是我的大脑。这是代码：

<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，PW：12412。

谢谢你们！

Answer 1

DIV（见下文）覆盖在滚动条的顶部，这就是滚动条可见但不起作用的原因。不确定DIV的用途是什么，但如果你删除它就可以了。

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

为什么滚动条不能在这个水平DIV上工作？

1 个答案: