CSS是網頁設計中經常用到的技術之一，它能夠實現許多有趣、實用的效果。其中一個比較常見的應用場景就是左中右結構，也就是將頁面內容劃分為左、中、右三個部分。

<div class="container">
<div class="box left"></div>
<div class="box middle"></div>
<div class="box right"></div>
</div>/* CSS代碼 */<style>
.container {
width: 960px;
margin: 0 auto;
overflow: hidden;
}
.box {
height: 200px;
float: left;
}
.left {
width: 200px;
background: #ccc;
}
.middle {
width: 560px;
background: #eee;
}
.right {
width: 200px;
background: #ccc;
}
</style>

如上所示，我們先創建一個名為.container的div容器，并在其中分別創建三個名為.box的子元素，分別代表左、中、右三個部分。

在CSS中，我們對容器進行設定，使其具有960px的寬度，margin為0自動，overflow設為hidden，這樣就可以防止內容超出容器部分被隱藏。對于.box元素，我們對其設定高度為200px，并設置為左浮動。

接下來，我們根據具體需求對左、中、右三個部分的寬度和背景色進行設置。左右兩個容器的寬度為200px，中間容器的寬度為560px，并分別設置成灰色和淺灰色相間，讓整個頁面看起來更加舒適。這樣，通過CSS的設置，我們就可以很輕松地實現一個完整的左中右結構的頁面布局了。