CSS規(guī)則中，左右邊界的設(shè)置是非常重要的一項(xiàng)，它能夠控制盒模型在頁面上的定位和尺寸。

.box {
width: 200px;
margin-left: auto;
margin-right: auto;
}

在上面的代碼中，我們使用了margin-left: auto;和margin-right: auto;來將盒模型水平居中。這兩個(gè)屬性的意思是自動(dòng)分配剩余的空間到左右兩側(cè)的邊距上。

這種技巧通常用于固定寬度的頁面元素，它可以確保元素在各種分辨率下都能水平居中。此外，當(dāng)我們需要對(duì)一個(gè)塊級(jí)元素設(shè)置左右邊距為自動(dòng)時(shí)，我們通常將其外層容器的寬度設(shè)置為一個(gè)具體的值，這樣就可以讓元素和其它內(nèi)容一起居中了。

.container {
width: 600px;
margin-left: auto;
margin-right: auto;
}
.box {
width: 200px;
margin-left: auto;
margin-right: auto;
}

在上面的代碼中，我們將.box放在了一個(gè)寬度為600px的容器中，使它自動(dòng)垂直居中，并且和其它元素一起水平居中。

設(shè)置左右邊距為自動(dòng)是一個(gè)非常方便的方法，我們可以通過它輕松實(shí)現(xiàn)水平居中效果，并且避免了使用固定值所帶來的不便。但是請(qǐng)注意，在某些情況下，這種方法可能會(huì)導(dǎo)致元素脫離文檔流，從而導(dǎo)致排版問題。因此，在使用這種方法時(shí)，請(qǐng)一定要考慮周全。