在使用CSS設(shè)計(jì)網(wǎng)頁的時(shí)候，背景顏色是一個(gè)很重要的元素。然而，有時(shí)在設(shè)置背景顏色時(shí)，發(fā)現(xiàn)顏色并沒有完全占滿屏幕，留下了一些空白。這很可能是因?yàn)橐韵聨讉€(gè)原因：

body {
background-color: #f0f0f0;
}
.container {
width: 80%;
margin: 0 auto;
background-color: #fff;
}

先來看看上述代碼，其中body標(biāo)簽設(shè)置了背景顏色為#f0f0f0，再看看.container的設(shè)置，該容器設(shè)置了80%的寬度，并進(jìn)行了0自動(dòng)左右居中。

然而，這段代碼的一個(gè)問題是：.container的背景顏色僅適用于其實(shí)際內(nèi)容寬度，而不是整個(gè)屏幕寬度。因此，.container右側(cè)和左側(cè)將留下#f0f0f0的空白邊框。

解決方法是將.container的背景顏色設(shè)置為body的背景顏色，即：

body {
background-color: #f0f0f0;
}
.container {
width: 80%;
margin: 0 auto;
background-color: #f0f0f0;
}

這樣就可以保證整個(gè)屏幕底部的背景色為#f0f0f0，同時(shí).container也不會(huì)再留下多余的空白邊框了。