CSS是前端開發中非常重要的一項技術，可以幫助我們實現各種復雜的布局效果。其中，左右占滿也是一個常用的布局需求。

假設我們有以下HTML結構：

<div class="wrapper">
<div class="left">
左側內容
</div>
<div class="right">
右側內容
</div>
</div>

我們需要讓左側和右側的內容都占據整個容器的寬度，同時左側內容在左邊靠近邊緣，右側內容在右邊靠近邊緣。

實現這個布局效果可以使用CSS的flex布局：

.wrapper {
display: flex;
}
.left {
flex: 1;
margin-right: 10px;
}
.right {
flex: 1;
}

以上代碼中，我們將容器設置為flex，即Flex容器。左右兩側的內容都設置了flex: 1，表示它們會平分剩余空間。同時，左側內容還設置了margin-right: 10px，用來與右側內容之間留出一定的空隙。

通過這樣的設置，我們就可以實現左右占滿的效果了。