三字布局是指在一個(gè)容器里放置三個(gè)塊元素，分別占據(jù)容器的左側(cè)、中間和右側(cè)位置。這種布局非常常見，比如網(wǎng)頁的導(dǎo)航欄、頁眉和頁腳等等。

實(shí)現(xiàn)三字布局的關(guān)鍵是利用CSS中的float屬性。我們可以給左側(cè)和右側(cè)元素設(shè)置float:left和float:right，讓它們分別靠左和靠右對齊。中間的元素則不需要設(shè)置float，因?yàn)樗鼤?huì)自動(dòng)占據(jù)剩余的空間。

.container {
width: 960px;
margin: 0 auto;
overflow: hidden;
}
.left {
float: left;
width: 200px;
height: 100px;
background-color: #ccc;
}
.middle {
height: 100px;
background-color: #eee;
}
.right {
float: right;
width: 200px;
height: 100px;
background-color: #ccc;
}

在上面的代碼中，我們首先給容器設(shè)置了固定的寬度和居中的樣式，然后給左側(cè)和右側(cè)元素分別設(shè)置了float:left和float:right，并指定了它們的寬度和高度。中間元素則只需要設(shè)置高度和背景色即可。

需要注意的是，由于左側(cè)和右側(cè)元素浮動(dòng)，容器的高度會(huì)丟失。因此，我們需要給容器設(shè)置overflow:hidden，以便讓容器可以包含浮動(dòng)元素。

使用三字布局可以讓頁面更加整潔，且在不同分辨率的屏幕上都能適應(yīng)。當(dāng)然，如果我們想要更加靈活地控制每個(gè)元素的位置和尺寸，還可以采用其他的布局方式，比如flexbox或grid。但無論采用哪種方式，理解原理和掌握基本技巧都是非常重要的。