CSS：X滾動限制

這裏是我的代碼，CSS：X滾動限制

#mainDiv { 
    margin-top: 10px; 
    position: relative; 
} 

#leftPanel { 
    bottom: 0; 
    overflow: scroll; 
    padding-bottom: 120px; 
    padding-left: 20px; 
    position: fixed; 
    top: 50px; 
    width: 350px; 
}`` 


#rightPanel { 
    margin-left: 390px; 
    width: 500px; 
}

正如它的名字裏面maindiv建議我把左邊和右邊的面板。左側面板具有無序的hrefs列表，右側面板顯示左側點擊鏈接的詳細信息。

現在的問題是，當我滾動右面板的內容與左面板的內容重疊（因爲右面板的左邊距是390px;）。我怎樣才能限制x-scroll？在此先感謝

來源

2014-05-13 jerseyGirl

您可能想要創建一個http://jsfiddle.net/以使問題更加清晰。以及限制x-scroll的含義 – Andrew

在#right panel，添加overflow-x:scroll

請不要檢查reference to overflow-x了更多的選擇。當它溢出到塊的外側時，溢出被設置爲可見，這是溢出屬性的默認值。

來源

2014-05-13 22:32:10 donkey

CSS：X滾動限制

回答

相關問題