滚动div

Question

正如您在下图所示，我有一个“屏幕”大小的红色div，我想要的是只在该区域内滚动内容。有没有办法做到这一点？

整个垫的css：

#mainWindow{
    margin-left:auto;
    margin-right:auto;
    background-image:url("../images/mainWindow.png");
    background-size:100% 100%;
    height:100%;
    width:80%;
    padding:55px 60px 95px 65px;
    box-sizing:border-box;
    position: relative;
}

Screen的css：

#screen{
    border:1px solid red;
    width:100%;
    height:100%;
}

Answer 1

尝试将overflow-y: scroll添加到您的#mainWindow CSS声明中。

（或者您的#screen CSS声明。）

Answer 2

设置该div的overflow属性。

overflow:scroll;

Answer 3

#divID {
    overflow: scroll;
}

......可能会成功。如果您需要父元素不滚动，您可以将它设置为：

#divID {
    overflow: hidden;
}

Answer 4

您正在寻找的CSS标签是“溢出”