HTML中怎么让overflow-y同时拥有滚动条和visible效果?

如题

比如实现以下demo,既能让child滚动,又能让parent不隐藏child。

<style>
        div {
            border: solid 1px black;
        }
        .parent {
            overflow-x: visible;
            overflow-y: visible;
            width: 100px;
            height: 100px;
                        background-color: #4cae4c
        }

        .child {
            position: relative;
            width: 50px;
            height: 50px;
            background-color: #23527c;
            margin-top: 5px;
        }
    </style>
 <div class="parent">
    <div class="child">

    </div>
    <div class="child">

    </div>
    <div class="child">

    </div>
    <div class="child">

    </div>
</div>

1个回答

不太清楚你啥意思,如果让parent出现滚动条的话加overflow:auto就行了

c792775641
Windrunner7 回复show_code: 就是溢出嘛,正常溢出是有滚动条的,但溢出的部分就不可见了,怎么让溢出的部分也可见,同时也存在滚动条可以滚动。。
3 年多之前 回复
playboyanta123
show_code 回复m_Gentleman: 遮盖是什么意思?你给parent定高了,child元素多的话出现滚动条才是合理的,下面的child肯定要滚动才能出现的
3 年多之前 回复
c792775641
Windrunner7 就是child既能在parent的框下滚动,又不会被parent遮盖
3 年多之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问
相关内容推荐