在構建網頁結構時，左右結構非常常見。如何用CSS實現左右結構呢？

/* HTML 結構 */
<div class="container">
<div class="left"></div>
<div class="right"></div>
</div>
/* CSS 樣式 */
.container {
display: flex;
}
.left {
flex: 1;
}
.right {
flex: 1;
}

在這個例子中，我們使用了flex布局來實現左右結構。首先，將容器的display屬性設置為flex，即可開啟flex布局。接著，通過設置.left和.right的flex屬性為1，讓它們平均占據容器的空間，從而實現左右平分的布局。

當然，如果左側和右側需要不同的寬度，只需調整它們的flex屬性即可。例如，將.left的flex屬性設置為2，.right的flex屬性設置為1，則左側將占據容器的2/3空間，右側將占據容器的1/3空間。

/* CSS 樣式 */
.container {
display: flex;
}
.left {
flex: 2;
}
.right {
flex: 1;
}

總的來說，使用CSS實現左右結構非常簡單。通過使用flex布局，我們可以輕松地實現各種復雜的布局效果，讓網頁更加美觀和易于維護。