加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 资源网站 > 资源 > 正文

html – 如何将垂直滚动条应用于百分比高度的div?

发布时间:2020-12-14 18:40:03 所属栏目:资源 来源:网络整理
导读:我遇到过很多类似性质的问题,但我的情况有点不同;我的外容器高度为100%而不是固定高度. 我在容器里面有一堆div.它们溢出,我希望有一个滚动条允许滚动. 这正是我想要实现的目标:http://jsfiddle.net/jcjw2jmo/ 除此之外,我发布的链接有一个固定的高度:200p
我遇到过很多类似性质的问题,但我的情况有点不同;我的外容器高度为100%而不是固定高度.

我在容器里面有一堆div.它们溢出,我希望有一个滚动条允许滚动.

这正是我想要实现的目标:http://jsfiddle.net/jcjw2jmo/

除此之外,我发布的链接有一个固定的高度:200px;.我希望有一个百分比高度.

我已经尝试设置百分比高度和最大高度没有运气.这是我的进步:http://jsfiddle.net/k52eh0xr/

如何让两个小提琴具有相同的行为,而不是使用百分比?

非常感谢

PS.我知道这可以使用Javascript / jQuery完成,但我正在寻找一个只有CSS的解决方案

解决方法

我认为你需要设置你的html和body标签高度:100%所以你可以使用你想要的百分比
html,body {height:100%}

DEMO

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读