扫码关注官方订阅号
https://codepen.io/itaied246/pen/eYbOWjm
我成功地创建了一个具有垂直滚动的弹性框,它横向填充空间并向下滚动。
我想要水平地做同样的事情,即垂直填充空间并向右滚动。
我的flex div位于一个相应的grid中,其max-content。
flex
grid
max-content
我漏掉了什么?
你需要在你的弹性盒子上设置一个高度。在这种情况下,只需将height: 400px添加到.flex-columns类即可解决问题。
height: 400px
原因是你的弹性盒子假设它可以尽可能地高,并且由于弹性方向设置为列,它将所有内容都放入一个列中。当弹性盒子是一行时更容易可视化!
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
你需要在你的弹性盒子上设置一个高度。在这种情况下,只需将
height: 400px添加到.flex-columns类即可解决问题。原因是你的弹性盒子假设它可以尽可能地高,并且由于弹性方向设置为列,它将所有内容都放入一个列中。当弹性盒子是一行时更容易可视化!