要将div的高度设置为与父容器相同,可以使用以下方法:
.parent {
position: relative;
}
.child {
position: absolute;
top: 0;
bottom: 0;
}
.parent {
display: flex;
flex-direction: column;
}
.child {
flex: 1;
}
.parent {
display: grid;
grid-template-rows: auto 1fr;
}
.child {
grid-row: 2;
}
以上是三种常用的方法,可以根据具体情况选择适合的方式来设置div的高度与父容器相同。
领取专属 10元无门槛券
手把手带您无忧上云