在網頁開發中，經常需要實現兩列自動布局。這就是指左右兩列的寬度自適應屏幕大小，且左側列高度可以隨內容自適應，右側列則始終與左側列等高。

為了實現這一功能，我們可以使用CSS中的float屬性來配合設置left和right兩個div元素。示例代碼如下：

.left{
float: left;
width: 60%; /*左側列寬為60%*/
}
.right{
float: left;
width: 40%; /*右側列寬為40%*/
}

上述CSS代碼的作用是將左側列和右側列緊貼著左對齊，并設置左側列寬為60%，右側列寬為40%。

需要注意的是，左側列和右側列分別設置了float屬性，使得它們可以獨立浮動而不互相影響。

此外，為了讓右側列高度始終與左側列相等，我們還需要對右側列設置等高的背景色，遮蓋掉多余部分的高度。同樣可以通過CSS來實現：

.right{
float: left;
width: 40%;
background-color: #f2f2f2; /*右側列設置等高的背景色*/
}

這樣，兩列自動布局就完成了。