在網(wǎng)頁布局中，常常需要實現(xiàn)兩列布局，其中一列高度隨內(nèi)容自適應(yīng)，而另一列則需要與高度自適應(yīng)的列高度保持一致。

在實現(xiàn)這種布局時，CSS中的浮動和清除浮動、position屬性以及inline-block屬性等都有著重要的作用。下面是一種實現(xiàn)兩列自適應(yīng)布局的方法：

<div class="wrapper">
<div class="left">
/* 這里寫左側(cè)列的內(nèi)容 */
</div>
<div class="right">
/* 這里寫右側(cè)列的內(nèi)容 */
</div>
<div style="clear:both"></div>
</div>
/* CSS 代碼 */
.wrapper {
width: 100%;
overflow: hidden;
}
.left {
width: 70%;
float: left;
}
.right {
width: 30%;
float: left;
height: 100%;
background-color: #ddd;
}

在上述代碼中，我們使用了一個名為“wrapper”的div包含了左右兩個div，同時在wrapper中添加了一個“clear:both”的div，以清除浮動。其中，左側(cè)列使用了浮動，而右側(cè)列則在高度100%的情況下使用了浮動。

以上就是一種實現(xiàn)兩列自適應(yīng)布局的方法，當(dāng)然還有其他的方法，如使用flex布局。以上方法只是提供了一種思路。