javascript - 如何使 div 成为可滚动窗口的大小,而不是屏幕
问题描述
当屏幕全屏时,元素还可以,但是当我使屏幕变小,或者 div 的内容大于 div 本身时,它们就会消失。如何使 div 成为整个可滚动窗口的大小,或者使 div 适合其内容而不会溢出。
.main {
vertical-align: top;
position: absolute;
background: white;
border-radius: 25px;
padding: 20px;
top: 50%;
left: 50%;
height: 80vh;
opacity: 70%;
margin: auto;
width: 90%;
border: 1px solid black;
padding: 10px;
transform: translate(-50%, -45%);
}
.main .year2018 .allMembers {
margin-top: 40px;
margin-bottom: 40px;
margin-left: 50px;
display: flex;
justify-content: space-evenly;
flex-wrap: wrap;
}
解决方案
推荐阅读
- postgresql - 函数返回空表
- javascript - 递归:如果 Divider 不除数 --> Divider 增加一,直到 divider === number
- php - 如何修复警告:file_get_contents(http://10.20.2.205:5000/auth/login):打开流失败:HTTP 请求失败!HTTP/1.1 404 未找到
- jenkins - 如何从控制台输出中获取 Jenkins 成功构建的数据?
- java - 将数组列表附加到现有的 CSV 文件,但它会附加并清除存储在 Java 文件中的先前数据
- javascript - cy.get() 如何在 Cypress 中放置 2 个参数?
- excel - 选择索引集中的第二高行
- ruby - 为什么 Hash.new 中的默认数组需要键值规范?
- android - 底部导航栏的导航组件不起作用
- javascript - 正则表达式匹配数字+字符串