0

所以我通读了线程如何让固定宽度 DIV 中的浮动 DIV 水平继续？并使用 pd.'s great answer 来构建一个固定大小的 DIV 以包含水平滚动的内联元素。

它起作用了，它完全按照我的意愿做......除了水平滚动条实际上​​不起作用。如果我将 DIV 的高度设置为 140 像素，以便还有一个垂直滚动条，那么它就可以工作。但是当我使差异足够高以仅具有水平滚动条时，它就不起作用了！它在绞尽脑汁。这是代码：

<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。

多谢你们！

4

1 回答 1

3

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

<div style="height: 50px; width: 960px; position: absolute; top:694px; left: 50%; margin-left: -480px;"></div>
于 2012-08-02T16:09:34.343 回答