从上往下依次展示div块且div是占满宽度可任意高度css代码
你可以使用flex布局来实现这个效果。以下是一个示例的CSS代码:
.container {
display: flex;
flex-direction: column;
width: 100%;
}
.container > div {
flex: 1;
width: 100%;
}
在上述代码中,我们创建了一个名为.container的容器元素,并将其display属性设置为flex以启用flex布局。我们将flex-direction属性设置为column,以使子元素按垂直方向排列。
然后,我们将.container的子元素(即<div>)的flex属性设置为1,以使它们平均分配容器的剩余空间。同时,我们将子元素的宽度设置为100%,以使它们占满容器的宽度。
这样,无论div的高度如何,它们都会按照垂直方向依次展示,并且每个div都会占满容器的宽度。
原文地址: https://www.cveoy.top/t/topic/hSRU 著作权归作者所有。请勿转载和采集!