CSS布局中，有時需要讓某個元素占據剩余的寬度來實現網頁布局的要求。這時就需要用到CSS占據余下寬度的技術。

/* 在 CSS 中使用 calc 函數實現占據余下寬度 */
.box1 {
width: 80px;
}
.box2 {
width: calc(100% - 80px);
}
/* 在 CSS 中使用 flex 布局實現占據余下寬度 */ 
.container {
display: flex;
}
.box1 {
width: 80px;
}
.box2 {
flex: 1;
}

以上兩種方法分別使用 calc 函數和 flex 布局實現占據余下寬度，calc 函數是 CSS3 新增的一個函數，可以進行簡單的數學運算，而 flex 布局則是 CSS3 新增的一種布局方式，能夠更方便地實現復雜布局。

占據余下寬度的技術在網頁布局中非常常見，比如用于實現導航欄或側邊欄等元素的布局。熟練掌握這個技術對于網頁設計和開發都非常有幫助。