我如何制作一个固定边框和一个中心区域的滚动网页？

Question

我需要一些帮助如何制作一个网页。我希望有人能帮我。

我想要的是有一个页面与固定的边界在所有方面。例如，50像素的边框。我希望页面的主体在边框内，当我移动浏览器窗口垂直滚动条(位于最右边)并被边框隐藏时，它将滚动。

注意，我真的希望滚动在页面的右边和边框之外。

xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxs
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxs
xx                                   xxs
xx                                   xxs
xx                                   xxs
xx                                   xxs
xx                                   xxs
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxs
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxs

类似于上面的内容，xx是边框，s是滚动条。

Answer 1

您可以从这个基础开始：http://jsfiddle.net/8r99k/

我只提供了一些示例文本和几个css：

html{
    margin:0;
    padding:0;
    width:calc(100% - 100px);
    height:calc(100% - 100px);
    border:solid #eeeeee 50px;
    overflow:hidden;
}
body{
    margin:0;
    padding:0;
    height:100%;
    overflow:auto;
}

更新

向width:100%和padding-right:70px中添加body

http://jsfiddle.net/8r99k/2/