// HTML 代码
<div class="container">
<div class="left-column">左边的内容</div>
<div class="center-column">中间的内容</div>
<div class="right-column">右边的内容</div>
</div>
// CSS 代码
.container {
display: flex;
}
.left-column,
.center-column,
.right-column {
width: 33.33333%;
}上面的代码中，大家使用了三个div元素来实现三列布局，并通过给它们分别添加类名 “left-column”、”center-column”、”right-column” 来控制它们的样式。
而在CSS部分，大家先将 “.container” 元素的 display 属性设置为 “flex”，从而使它的子元素自动成为弹性盒子。然后，通过分别给 “.left-column”、”.center-column”、”.right-column” 指定一个宽度为 33.33333%，使它们的宽度自适应。
最后说一下此布局的优缺点。它的优点在于它的代码简单易懂，使得设计师能够更快速地完成网页布局的制作。而缺点在于，此布局的左右两列的内容在某些情况下可能会发生重叠的问题，这是需要大家在遇到的时候进行相应的调整。