2010-05-02 55 views
1

我不確定該做什麼,我不是一個程序員,但試圖學習CSS,因爲這是我使用的主題是如何編碼的。兩列專題,幫助,使兩個列分開可滾動

很遠我自己我已經得到了,但是這一次我的樹樁它的兩個列主題......至於我已經能夠得到,我可以使用以下命令:

#left { 
    width: 235px; 
    padding: 10px; 
    margin-left: 20px; 
    position: fixed; 
    line-height: 15px; 

如果我將位置更改爲絕對位置,則整個頁面會滾動,如果我將其保留在固定位置,並且添加可以說的Twitter推送或其他類型的文本,這些文本將使我通過其正常滾動的閱讀位置,則它會被截斷,無法達到它,嗨ghtlight或滾動..

我也玩弄了將主題改爲3列主題的想法,但是再次,不是程序員,我會非常困惑。任何幫助將是巨大的......

我的網站是在99lessoxygen.tumblr.com,代碼從http://nigredotheme.tumblr.com


發現我應該注意,如果其在固定的,只有頁面的右側可以滾動,而左側被鎖定..

回答

0

嘗試給兩列的高度和添加此:

overflow:auto; 

這使得滾動條出現在其容器如果T上他的內容溢出。

+0

不適合我,或者我可能把它放在了錯誤的地方......我不想把整個代碼放到......:S – 2010-05-02 16:21:37

1

我相信你想找的是overflow:auto;

你將需要刪除position:fixed

#box1 { 
    height:100px; 
    width:200px; 
    float:left; 
    overflow:auto; 
} 
#box2 { 
    height:100px; 
    width:200px; 
    float:left; 
    overflow:auto; 
} 

JSFiddle

absoluteposition將繼承父相對DIV的絕對位置。

因此,舉例來說,如果你有一個div設置爲1000個像素和相對 的位置,然後插入另一分度的絕對位置是div中和讓說right:100px它會顯示在父的右邊div右邊100個像素。