css如何指定剩余宽度 |css 按钮点击换样式

首先需要给该元素的父级元素添加一个display:flex的属性，表示把子元素按照弹性布局排列。然后再给该元素添加一个flex属性，并设置为1，表示该元素的宽度可以根据剩余空间自适应调整。

父级元素 {
display: flex;
}
指定宽度自适应的元素 {
flex: 1;
}

除了使用flex属性，还可以使用calc()函数来实现。calc()函数可以用数学表达式来计算，例如calc(100% – 200px)表示该元素的宽度为父元素宽度减去200px。

指定宽度的元素 {
width: calc(100% - 200px);
}

总之，CSS中有多种方式可以让元素自适应宽度，需要根据具体的场景来选择合适的方法。