在網頁中，我們經常需要實現左右布局，有些時候還需要讓兩個部分自動適應高度，以適配不同屏幕大小。這時候就需要運用CSS來實現了。

.left{
float:left;
width:50%;
}
.right{
float:right;
width:50%;
}
.clear{
clear:both;
}

在上述代碼中，我們定義了左右兩個區域的樣式，以及一個clear樣式用于清除浮動效果。為了實現自動適應高度，我們需要使用Flexbox布局。

.container{
display:flex;
flex-wrap:wrap;
}
.left{
flex:1;
}
.right{
flex:1;
}

在上面的代碼中，我們包裹左右兩個區域的容器設置為Flexbox布局，并設置了flex-wrap屬性為wrap，使得左右兩個部分顯示在同一行上。然后我們設置了左右兩個部分的flex屬性為1，這樣左右兩個部分就會自動適應高度了。

隨著響應式設計的普及，使用CSS實現自適應布局已經成為了網頁設計師必須熟練掌握的技能之一。以上是一種簡單的實現左右布局并自動適應高度的方法，希望對您有所幫助。