CSS的兩邊留空涉及到網(wǎng)頁(yè)排版中的一個(gè)概念：外邊距。在網(wǎng)頁(yè)中，外邊距是指元素與其周圍元素之間的空白區(qū)域。CSS中我們可以通過(guò)設(shè)置元素的margin屬性來(lái)調(diào)整外邊距的大小。

兩邊留空是在網(wǎng)頁(yè)設(shè)計(jì)中通常使用的一種布局方式，其主要目的是使頁(yè)面看起來(lái)更舒適、簡(jiǎn)潔，同時(shí)使網(wǎng)站的主要內(nèi)容更加突出。

/* 設(shè)置兩邊留空的樣式 */
.container {
margin: 0 auto; /* 水平居中 */
max-width: 1200px; /* 容器最大寬度 */
padding: 0 20px; /* 左右留空 */
}

在上面的代碼中，我們使用了一個(gè)名為“container”的類來(lái)設(shè)置兩邊留空的樣式。具體來(lái)說(shuō)，我們通過(guò)設(shè)置margin屬性實(shí)現(xiàn)了水平居中，通過(guò)設(shè)置max-width屬性實(shí)現(xiàn)了容器最大寬度的限制，同時(shí)通過(guò)設(shè)置padding屬性實(shí)現(xiàn)了容器左右兩側(cè)的留空。

需要注意的是，外邊距會(huì)影響元素的寬度。因此，在設(shè)置兩邊留空時(shí)，我們需要將留空的寬度納入考慮，以免影響其他元素的排版。

總之，兩邊留空是一種常用的布局方式，可以讓網(wǎng)站頁(yè)面更加美觀、舒適，并且可以更好地突出主要內(nèi)容。通過(guò)設(shè)置margin、padding等屬性，我們可以很容易地實(shí)現(xiàn)兩邊留空的效果。