2012-08-02 54 views
0

所以我通读线程How to get Floating DIVs inside fixed-width DIV to continue horizontally?,并使用pd。的很好的答案来构建一个固定大小的DIV以包含水平滚动的内联元素。为什么滚动条不能在这个水平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.

谢谢你们!

回答

2

DIV(见下文)叠加在滚动条的顶部,这就是为什么滚动条可见但不起作用。不确定DIV的目的是什么,但是如果你删除它就可以。

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

哦woooooow -_-我的页脚间隔。当然。我是慢热型。谢啦 :] – 2012-08-02 16:12:54