使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 ;