如何制作具有掉落效果的盒子

Question

我正在尝试将框放入我的Home页面。我该如何做到这一点？

请注意我不是要重复同一个方框，但我正在尝试处理每个效果和边距。

Answer 1

它被称为overflow:scroll

<强> Click me

基本上，当您希望div滚动时，您需要指定overflow属性。它允许您滚动父容器内的内容。

已修复“收件箱”是通过设置position:fixed

获得的

.outerDiv{
    max-width:400px;
    background-color:#eee;
    max-height:400px;
    overflow-y:scroll; /*THIS allows you to enable vertical scroll bar*/
}
.innerDiv{
    display:block;
    min-height:30px;
    background-color:#ccc;
    padding:5px;
    margin:10px;
}
.fixedDiv{
    background-color:blue;
    position:fixed;
    color:white;
    top:0;
    left:5px;
    width:385px;
    height:30px;
    padding:10px;
}