要使用CSS制作自适应宽度卡片列表，可以使用CSS3中的flexbox布局来实现。以下是一些关键步骤：
为卡片列表容器设置display:flex;以启用flexbox布局。
设置flex-direction属性，以指定卡片列表的排列方向。例如，如果要水平排列卡片，请将其设置为flex-direction:row;如果要垂直排列，请将其设置为flex-direction:column;
使用flex-wrap属性，以指定是否允许卡片换行。例如，如果要允许卡片换行，请将其设置为flex-wrap:wrap;
为每个卡片元素设置flex属性，以指定其在卡片列表中的宽度比例。例如，如果有四个卡片元素，每个元素的flex属性可以设置为1，这将使它们等分容器的宽度。如果要使其中一个卡片元素宽度为其他元素的两倍，请将其flex属性设置为2。
以下是一个示例CSS代码块，用于创建一个自适应宽度的卡片列表：
.card-list {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.card {
flex: 1;
/*其他样式属性*/
}需要注意的是，使用flexbox布局时，还可以使用其他属性来进一步控制卡片列表的外观，例如justify-content属性和align-items属性。