使DIV滾動條主頁滾動條？

Question

我正在爲此頁面爲我的客戶工作http://sw6.us/scott/index.html

請注意，該網站全部基於div，問題在於由於文本太長而產生滾動條。我已經編輯了我的CSS，並將「溢出」改爲隱藏而不是自動，但這隻會讓文本從屏幕上跑出來，而且你根本無法滾動。

這裏是我的精緻的HTML代碼

<div class="main"> 


<div class="blk"> 
.... 
</div> 
<div class="navbar"> 
.... 
</div> 
<div class="programs"> 
..... 
</div> 
<div class="blk2"> 
... 
</div> 


</div> 
</body> 
</html> 

該網站建立了。主要的div

的我怎麼能作出這樣的滾動條出現在最右邊的瀏覽器和滾動。主要的div？

如果這是不可能的，我怎樣才能實現這個確切的外觀，將設置將滾動條放在瀏覽器的右邊緣？我這樣做的原因是因爲客戶想要的網站看起來完全像他的.pdf模擬。

謝謝！

Answer 1

如果你要滾動的主DIV更改CSS如下...

html, body { overflow: hidden; } 
div.main { overflow: auto; } 

你也應該設置一些下邊距要離開底部的陰影一些空間......

也許張貼PDF，將有助於更好地理解我......

Answer 2

試試這個：

<div style="height:250px; width:550px; overflow-x:scroll ; overflow-y: scroll;></div> 

如果要隱藏水平滾動條：overflow-x:hidden ;