CSS布局在網頁設計中非常常見。其中嵌套三列布局是一種常用的布局方式，可以讓網頁看起來很美觀，并且能夠適配不同大小的屏幕。下面是嵌套三列布局的代碼以及對應的效果展示。

<div class="container"><div class="left"></div><div class="main"></div><div class="right"></div></div>

上述代碼中，我們使用了一個包含三個子元素的 div 容器。容器下分別有左、中、右三個分欄容器。每個分欄容器內都可以添加任意多的 HTML 元素，以實現不同的頁面效果。

.container {
display: flex;
}
.left, .right {
width: 25%;
}
.main {
width: 50%;
}

上述代碼會將容器設置為 Flex 布局。左邊欄和右邊欄的寬度都設置為容器的 25%，而中間的主欄寬度則為 50%。這樣就可以實現一個簡單的三列布局。

在實際應用中，開發者可以根據頁面設計的需求來靈活調整三欄的寬度，并在三欄容器內添加相應的元素。