2012-08-02 51 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