<分区>
<分区>
我正在尝试创建一个 2 列布局,左侧宽度固定,右侧灵活列填充屏幕的其余部分。列未显示。
.container {
display: flex;
width: 100%;
height: 100%;
}
.left-column {
flex: 0 0 200px;
height: 100%;
background: lightcoral;
}
.right-column {
flex-grow: 1;
background: lightgreen;
}
最佳答案
您需要分配高度和 flex-direction:row;
,对于固定宽度,left-column
也应该有宽度。
.container {
display: flex;
width: 100%;
height: 100vh;
}
关于css - 没有为 flexbox 显示的元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57702259/