我有两个div，黄色和红色。黄色div有一个可变内容。
我想实现以下目标：
- 当黄色的div变大时，红色的div应该被向下推，但不要低于页面边缘。红色的div应该总是完全可见的。
- 如果黄色div变得太大，它应该是可滚动的，这样红色div仍然可见。
- 黄色div所占的空间不应超过其内容。当黄色div不占太多空间时，红色div不应向下推。它应显示在黄色div的正下方。
如何使用flexbox实现这一点？
我成功地使黄色框可滚动，并使红色框始终可见。但是，我的解决方案始终在页面底部显示黄色框，这不是我想要的。
第一个
如何使黄色框只占用它实际需要的空间，而不占用剩余空间？
1条答案
按热度按时间qrjkbowd1#
似乎Flex框的默认行为可能在没有其他设置的情况下达到所需的结果。
在下面的示例中，尝试点按按钮以调整
yellow和red中的内容量。可以在
red之后添加一个额外的间隔符div，以进一步加强布局，但在此用例中似乎没有必要。第一个
示例：
第一个