gpt4 book ai didi

css - Flex wrap - 没有拉伸(stretch)的堆叠行?

转载 作者:行者123 更新时间:2023-11-28 10:08:21 25 4
gpt4 key购买 nike

<分区>

我有一个 flex 容器,它有两个固定尺寸的子容器,它们对齐 flex-end(父容器的底部)。

当我调整父级大小时,我希望它们相互重叠,但它们各自占据了父级高度的 50%。

有没有办法在不添加另一个 div 的情况下做到这一点?

FIDDLE

.wrapper {
width: 600px;
height: 500px;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: flex-end;
background-color: #eeeeee;
resize: horizontal;
overflow: auto;
flex-wrap: wrap;
}

.one {
width: 200px;
height: 100px;
background: red;
}

.two {
width: 200px;
height: 100px;
background: blue;
}
<div class="wrapper">
<div class="one">1</div>
<div class="two">2</div>
</div>

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com