CSS中有一種神奇的布局方式：左右固定布局，可以讓兩邊的內容固定在頁面上，中間自適應，這在設計響應式布局時非常實用。

具體實現可以使用CSS的float屬性來設置左右浮動，同時使用margin來實現左右固定。

.left {
float: left;
width: 200px;
height: 100%;
margin-right: 20px;
}
.right {
float: right;
width: 200px;
height: 100%;
margin-left: 20px;
}
.main {
overflow: hidden;
}

在上面的代碼中，我們使用了三個div元素，分別對應左固定，右固定和中間主體內容的容器。使用float屬性對左右容器進行左右浮動，同時使用margin屬性對左右容器進行左右間距的設置，使兩個容器固定在頁面兩端。而中間主體內容的容器則使用overflow屬性來清除左右容器的浮動，保證其能夠自適應。

這種左右固定布局不僅可以用于普通網站的布局，還可以用于響應式設計中的固定導航欄、頁腳等部分的布局，非常實用。