CSS是前端開發中重要的一種編程語言，用于美化網頁的外觀。CSS不光可以將元素的樣式定義好，還可以根據需要進行自適應布局。在進行自適應布局的時候，常常會遇到需要讓某個元素自動平分剩下的空間的情況。下面，我們將介紹如何使用CSS平分剩下的空間。

html：
<div class="container">
<div class="left"></div>
<div class="right"></div>
</div>
CSS：
.container {
display: flex;
}
.left {
flex-grow: 1;
background-color: #FA8072;
}
.right {
flex-grow: 1;
background-color: #87CEEB;
}

上述代碼中，我們使用了彈性盒子布局flex來實現元素的自適應布局。通過設置父元素.container的display屬性為flex，我們可以讓其子元素自動平分剩下的空間。然后，我們為左右兩個子元素設置了相同的flex-grow屬性值為1，這樣它們就會平均地占據剩余的空間。

可以看到，我們將左側的元素設置了背景顏色為#FA8072，將右側的元素設置了背景顏色為#87CEEB。這樣，左右兩個子元素在頁面中呈現出來的樣式就會不同。根據實際需要，在實際開發中我們可以根據不同的需求來設置不同樣式，通過CSS自由定制元素的布局和樣式。