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

我被css绊倒了，我想让我的滚动条适合不同的显示器资源，我使用这个css

div.scroll{
宽度：800px；
高度：800px；
溢出：滚动；
}

但在另一个分辨率中它会显示不同，如果我将宽度或高度更改为100%。滚动条就是不起作用。滚动条仍然存在，但它显示了整个表格，这样一个浪费的滚动条

任何帮助都将受到欢迎

请尝试以下方法： 第一组正文样式

边距：0

为：

body{
margin : 0;
}

和div.scroll，如下所示：

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

---

overflow:auto

会在内容超过高度时垂直滚动到您的div。

您是否尝试过使用

minwidth

和

minheight

HTML:

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

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

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

}

工作示例：

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

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

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

}

---

不完全清楚您想要的结果，但这将仅在需要时显示滚动条（小屏幕，内容太宽/太高，无法容纳）。

几乎在那里，但它在更大分辨率的机顶盒中创建了一个大的可用空间：200px或300px；底部：0；可能会减少可用空间。是否必须将其添加到div.scroll或？我很少使用css，所以请容忍我，我曾尝试在div.scroll中添加顶部和底部的内容，但在div.scroll中不起作用也可使用移除高度尝试一次：100%仅使用顶部尝试：300px；底部：0；或者，如果你为你的问题创建一个提琴会更好。它在更大的分辨率下运行良好，但现在在更小的分辨率下看起来很糟糕