在滚动一个div(Scrolling in a div)

2019-10-17 08:04发布

正如你可以在下面的图片中看到,我有一个红色的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;
}

屏幕的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标签是“溢出”



文章来源: Scrolling in a div
标签: css html scroll