Div垂直滾動

Question

所以我最近更新了一個我的客戶的網站，他想保持它非常簡單..通常我設計的網站，所以他們是一個特定的寬度，然後在頁面上水平居中。由於他們要求的畫廊，我製作了100％的網站，最小寬度爲960px，最大高度爲576px。在大多數情況下，她的文本內容是有限的，所以當頁面的整體寬度達到960像素時，只有幾頁導致Div中的垂直滾動。 Div盒使用overflow-x：auto;命令。這適用於所有頁面，除了一個頁面外。

例如，下面的頁面看起來非常好，當窗口寬度更改爲文本需要滾動的位置時，滾動條位於最右側： http://www.lisagleeson.com/about/

我有以下頁面一個小問題：http://www.lisagleeson.com/resume/

此頁面內容設置到內容分成兩列..理想的情況下這將是巨大的它是3的時候，屏幕寬足夠的，但是當更小的時候它恢復到2列。到目前爲止，我已經設置了2列，它看起來很好，我注意到唯一的問題是垂直滾動條。而不是滾動條在最右邊，它剛剛超過了2列。有沒有辦法解決這個滾動條在最右邊的地方？

這裏是我使用的CSS，內容是主Div，textContent坐在那個內，然後Resume坐在那個內。

在此先感謝您的幫助...

#content { 
width: 100%; 
min-width: 960px; 
height: 576px; 
margin-top:20px; 
position: absolute; 
background-color: #ffffff; 
display: none; 
} 

#textContent { 
min-width: 400px; 
height: 515px; 
float: left; 
margin: -525px 20px 10px 520px; 
padding: 10px 0px 0px 20px; 
overflow-x: auto; 
} 

#resume { 

-moz-column-count: 2; 
-webkit-column-count: 2; 
column-count: 2; 

-moz-column-gap:40px; 
-webkit-column-gap:40px; 
column-gap:40px; 

-moz-column-rule: 1px outset #eeeeee; 
-webkit-column-rule: 1px outset #eeeeee; 
column-rule: 1px outset #eeeeee; 

} 

Answer 1

滾動條應該能顯示在最右邊的那個需要滾動的div。

如果增加#textContent的寬度，那麼滾動條會向右移動。將其設置爲靜態像素大小的麻煩在於，對於屏幕較小的用戶，它可能會被推到頁面的邊緣。

嘗試將#textContent設置爲width:100%，看看是否有幫助。