1

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

在此处输入图像描述

整个pad的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%;
}
4

4 回答 4

3

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

（或者替代您的#screenCSS 声明。）

于 2012-10-17T17:49:27.793 回答
2

设置该 div 的溢出属性。

overflow:scroll;
于 2012-10-17T17:50:01.357 回答
1 
#divID {
    overflow: scroll;
}

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

#divID {
    overflow: hidden;
}
于 2012-10-17T17:51:44.437 回答
0

您要查找的 CSS 标记是“溢出”

于 2012-10-17T17:50:36.110 回答