我正在设计一个应用程序。我在这里做了一个模拟布局：https://codepen.io/Sean713/pen/VwdgMEx?editors=1100
我的代码也将粘贴在底部。
一切都按照我希望的方式工作，除了当绿色div有太多的内容（你可以取消注解p标签）时，它会增加所有div的大小。我不希望这些div的大小发生变化，而只是希望绿色div中的内容压缩到一个可滚动的部分，我该如何解决这个问题？
第一个
我正在设计一个应用程序。我在这里做了一个模拟布局：https://codepen.io/Sean713/pen/VwdgMEx?editors=1100
我的代码也将粘贴在底部。
一切都按照我希望的方式工作，除了当绿色div有太多的内容（你可以取消注解p标签）时，它会增加所有div的大小。我不希望这些div的大小发生变化，而只是希望绿色div中的内容压缩到一个可滚动的部分，我该如何解决这个问题？
第一个
3条答案
按热度按时间hkmswyz61#
显示：Flex;
1 2 3 '在此输入代码'
tkclm6bt2#
首先，从黄色和红色div中删除flex。这没有意义。
在绿色div上设置固定高度，并使用
overflow:auto使其可滚动。mbzjlibv3#
如果指定大小，它将显示滚动