兩列等高的設計在網頁布局中非常常見。如何讓兩列高度相等是一個常見的問題。下面是兩列等高的 CSS 示例代碼：

.container {
display: flex;
}
.container .col {
width: 50%;
padding: 20px;
}
.container .left-col {
background-color: #ccc;
}
.container .right-col {
background-color: #ddd;
}

這里使用 flex 布局將 .container 元素中的兩個 .col 元素設為同一高度。

下面是 HTML 代碼：

這里是左欄的內容
這里是右欄的內容

在上面的代碼中，我們使用了 .container 類來設置兩個 column 的寬度并使用了 flex 布局。

我們建議在進行兩列等高的設計時，盡量使用 flex 布局。這種布局方式簡單易用，能夠快速實現兩列等高效果。