使滚动条适合不同的显示器分辨率

Question

我被困在我的CSS上，我想让我的滚动条适合不同的显示器资源，我使用这个css

div.scroll {
    width:800px;
    height:800px;
    overflow:scroll;
}

但它会在其他分辨率中显示不同，如果我将宽度或高度更改为100％。滚动条只是不起作用。滚动条仍然存在，但它显示整个表格，如废纸卷。

任何帮助都会受到欢迎

Answer 1

试试这个： 首先将正文样式margin:0设置为：

body{
margin : 0;
}

和div.scroll as：

div.scroll
{
width:800px;
height:100%;
overflow:auto;
}

如果内容超过高度，

overflow:auto会给你的div一个垂直滚动。

Answer 2

您是否尝试过使用min-width和min-height？

<强> HTML：

<div class="scroll">
    <p>This is the scrolling area</p>
</div>

<强> CSS：

div.scroll
{
min-width:800px;
min-height:800px;
overflow:auto;
}

.scroll p
{
    width: 900px;
    background: #cc0000;

}

工作示例：

http://jsfiddle.net/Aps83/

不完全清楚你想要的结果，但这只会在需要时显示滚动条（小屏幕，内容太宽/太高而不适合）。