CSS Flex布局实现从上往下展示占满宽度的div块

{"title":"从上往下依次展示div块，且div是占满宽度，可任意高度css代码","description":"可以使用CSS的flex布局来实现从上往下依次展示div块，并且使div块占满宽度，可任意高度。以下是相应的CSS代码：\n\ncss\n.container {\n display: flex;\n flex-direction: column;\n}\n\ndiv {\n flex: 1;\n}\n\n\n在HTML中，使用一个父容器来包裹这些div块，给父容器添加class为"container"，然后每个需要展示的div块添加div标签即可。这样，这些div块就会从上往下依次展示，并且占满宽度，可任意高度。\n\nhtml\n<div class="container">\n <div>Div 1</div>\n <div>Div 2</div>\n <div>Div 3</div>\n <div>Div 4</div>\n</div>\n\n\n这样，四个div块就会从上往下依次展示，并且每个div块都会占满宽度，高度可以根据内容自适应。"}