Html 使用flexbox，我可以有一个固定宽度的列和一个占用剩余宽度的列吗？

目前我有一些类似下面的代码。我试图使红色列不负责任，设置宽度为300px，但保持蓝色列的响应性

。特定的图像容器{
显示器：flex；
位置：相对位置；
宽度：100%；
}
.特定图像列{
弹性：4；
背景颜色：蓝色；
}
.更多图片栏{
弹性：1；
背景色：红色；
}
.内容{
高度：300px；
}

---

是，将固定列设置为

flex-grow:0

（这样它就不会增长）、

flex-shrink:0

（这样它就不会收缩）和

flex-basis:300px

（这样它就保持固定在300px）

。特定的图像容器{
显示器：flex；
}
.特定图像列{
弹性：1；
背景颜色：蓝色；
}
.更多图片栏{
flex:0 300px；/*新*/
背景色：红色；
}
.内容{
高度：300px；
}

设置

弹性收缩：0；宽度：300px和
flex-grow:1。一旦您这样做了，就可以去掉
flex
属性。
尝试使用
flex-basis
规则。您可以使用此规则代替flexbox元素中的宽度。您还可以使用calc将第一列设置为100%-300px，以确保300px具有优先级


。特定的图像容器{
显示器：flex；
位置：相对位置；
宽度：100%；
}
.特定图像列{
弹性基础：计算（100%-300px）；
背景颜色：蓝色；
}
.更多图片栏{
弹性基准：300px；
背景色：红色；
}
.内容{
高度：300px；
}

工作起来很有魅力@迈克尔这一次已经有太多的重复；）好的，@dippas。。你是对的。。我应该先四处看看