CSS是網(wǎng)頁設(shè)計(jì)中非常重要的一部分，能夠用它實(shí)現(xiàn)網(wǎng)頁的各種效果，比如布局、樣式等。今天我們來講一下如何用CSS填充剩余寬度。

填充剩余寬度在各種布局中非常常見，比如兩列布局中左側(cè)是固定寬度，右側(cè)需要填充剩余寬度。下面給出一些CSS的方法：

.container {
display: flex;
}
.container .left {
width: 200px; /* 左側(cè)寬度固定 */
}
.container .right {
flex: 1; /* 填充剩余寬度 */
}

利用flex布局中的flex屬性，將右側(cè)元素的flex值設(shè)為1，即可自動填充剩余寬度。

.container {
display: table;
width: 100%;
}
.container .left {
width: 200px; /* 左側(cè)寬度固定 */
}
.container .right {
display: table-cell; /* 填充剩余寬度 */
}

利用table布局，將右側(cè)元素的display屬性設(shè)為table-cell，即可自動填充剩余寬度。

除了以上兩種方法，還可以使用calc()函數(shù)進(jìn)行計(jì)算，如下：

.container .left {
width: 200px; /* 左側(cè)寬度固定 */
}
.container .right {
width: calc(100% - 200px); /* 計(jì)算剩余寬度 */
}

利用calc()函數(shù)，將右側(cè)元素的寬度設(shè)置為總寬度減去左側(cè)寬度，即可自動填充剩余寬度。

總體來說，CSS填充剩余寬度的方法有很多，可以根據(jù)實(shí)際情況選擇適合自己的方法。以上是三種常用的方法，希望對大家有所幫助。