現(xiàn)在的網(wǎng)頁設(shè)計(jì)需要兼顧不同設(shè)備的屏幕大小，而一種流行的解決方案就是將頁面劃分為三個(gè)部分：左側(cè)，中間和右側(cè)。

<div class="container">
<div class="left">
<!-- 左側(cè)內(nèi)容 -->
</div>
<div class="middle">
<!-- 中間內(nèi)容 -->
</div>
<div class="right">
<!-- 右側(cè)內(nèi)容 -->
</div>
</div>

如上面代碼所示，我們使用了容器 div 元素來劃分頁面。我們?yōu)槿萜?div 元素指定了一個(gè)類名 container，用于方便地在樣式表中選擇。

然后，我們創(chuàng)建了三個(gè)子 div 元素，分別為左側(cè)、中間和右側(cè)。我們?yōu)槊總€(gè)子 div 元素添加了一個(gè)類名（left、middle 和 right），以便在樣式表中進(jìn)行樣式調(diào)整。

接下來，我們可以使用 CSS 樣式表來使每個(gè)子 div 元素按照我們的意愿進(jìn)行布局和設(shè)計(jì)。

這種方法適用于大多數(shù)網(wǎng)站和應(yīng)用程序，并且可以輕松地進(jìn)行擴(kuò)展和修改。只需在 CSS 樣式表中添加或修改樣式規(guī)則即可。