不设置div高度实现自动滚动条

不设置div高度实现自动滚动条

div设置滚动条时,一般需要指定高度,再设置overflow-y:auto 方才有效。但是,有时,我们不希望指定div的高度,或者不好给定某个高度,时,怎么设置其滚动条呢?

看下面代码

.parent{
    position:relative;
    height:100%;
}
.child {
    position:absolute;
    top:0;
    bottom:0;  
    overflow-y:auto;
}
<div class="parent">
    <div class="child"></div>
</div>

版权声明:本文为youlinhuanyan原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。