制作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>

该网站是根据.main div

构建的

如何让滚动条显示在浏览器的最右侧并滚动.main 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 ;