之前遇到这个情况,主轴为纵轴,没有设置 height: 100% ,导致属性无效。
代码示例:
<!--html代码-->
<div class="container">
<div>1</div>
<div>2</div>
<div>3</div>
</div>
/*css代码*/
.container {
display: flex;
flex-direction: column; /*默认为 row,这时要设置 width: 100%*/
height: 100%;
}