標簽是 HTML 中用于組織頁面結構的一個重要元素，它可以讓我們將頁面劃分為不同的塊，更好地管理和布局內容。而在 CSS 中，我們可以利用
標簽來實現三列并列的頁面布局。具體實現方式如下：
<style>
.container {
display: flex; /* 設置 flex 布局 */
}
.left, .center, .right {
width: 33.33%; /* 將父容器分成三等份 */
}
</style>
<div class="container">
<div class="left">
<p>這是左側內容區域</p>
</div>
<div class="center">
<p>這是中間內容區域</p>
</div>
<div class="right">
<p>這是右側內容區域</p>
</div>
</div>以上代碼中，我們先設置了一個名為 container 的 class，它的 display 屬性被設為 flex，從而使得三個子元素（即類名為 left、center 和 right 的標簽）能夠自動按比例平分父元素的寬度。接著，我們給每個子元素設置了一個 width 屬性為 33.33%（或者寫成 1/3），即將容器的寬度平分成三等份。
這樣，就能夠輕松實現三列并列的頁面布局了。如果需要更改三列的寬度比例，只需將子元素的 width 屬性設置為不同的百分比即可。同時，我們也可以隨意調整三個子元素在父元素中的相對位置，以滿足不同的布局需求。
上一篇div css 透明濾鏡
下一篇div css加入圖片