在div中滚动

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

enter image description here

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

来源

2012-10-17 RnD

尝试增加overflow-y: scroll您#mainWindow CSS声明。

（或者替代你#screen CSS声明。）

来源

2012-10-17 17:49:27

或者如果你不想滚动条*所有*的时间，使用'overflow-y：auto'。这将在必要时添加滚动条 –

谢谢，但它必须位于#screen并且它可以工作。另一个问题是，有没有办法隐藏右侧的滚动条？ “ – RnD

设置div的overflow属性。

overflow:scroll;

来源

2012-10-17 17:50:01

你正在寻找的CSS标签是 '溢出'

来源

2012-10-17 17:50:36 case1352

#divID { 
    overflow: scroll; 
}

...可能做的伎俩。如果你需要父元素不滚动，你可以设置它：

#divID { 
    overflow: hidden; 
}

来源

2012-10-17 17:51:44

”谢谢，但它必须在＃屏幕上，它的工作原理。另一个问题是，有没有办法隐藏右侧的滚动条？只需制作一个包含溢出的div：隐藏，并调整它的大小以覆盖滚动条。 – 2012-10-17 17:53:41

回答

相关问题