CSS的flex布局是現代網頁開發中非常常用的一種布局方式，它可以讓網頁的元素根據一定的規則靈活地排列和分布，而且非常簡單易用。其中，左右布局是flex布局中比較常見的一種形式，下面我們來了解一下如何使用flex實現左右布局。

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

首先，我們需要給外層元素添加display:flex樣式，將其設置為一個flex容器，這樣我們才能在其中使用flex布局。接下來，我們需要定義左右兩個元素的寬度。在這里，我們可以采用flex屬性設置元素寬度和高度的比例，這樣可以讓元素根據容器的大小自適應。對于左側元素，我們將其flex屬性設置為1，這樣左側元素會填充容器剩余的空間，右側元素同理。

其他的布局方式還有很多，比如可以使用position:absolute實現左右布局，不過相對于flex布局來說，使用position的方式更加麻煩，而且在響應式設計中不太友好。因此，我們建議盡量使用flex布局進行元素排列。

總結來說，使用CSS的flex布局實現左右布局非常簡單，只需要定義好父容器和子元素的寬度比例即可。而且，flex布局具有自適應、響應式等特點，在現代網頁開發中應用非常廣泛。