CSS是一種很有用的網頁設計語言，可以實現很多網頁效果。其中，讓兩個容器兩邊對齊是我們經常需要的一種效果。在這篇文章中，我們將討論如何使用CSS實現這種效果。

首先，我們需要兩個容器。用HTML代碼創建它們，并使用CSS給它們添加樣式：

<div class="container-1">
...
</div>
<div class="container-2">
...
</div>
<style>
.container-1, .container-2 {
width: 50%;
border: 1px solid black;
padding: 10px;
box-sizing: border-box;
}
</style>

以上代碼創建了兩個寬度為50%的容器，并給它們分別添加了1像素寬的黑色邊框和10像素的內邊距。通過設置box-sizing為border-box，這里的容器寬度會包括其邊框和內邊距。

接下來，我們需要使用CSS讓這兩個容器兩邊對齊。我們可以使用flexbox布局，將它們放在一個父容器中，并設置父容器為flex布局：

<div class="parent">
<div class="container-1">
...
</div>
<div class="container-2">
...
</div>
</div>
<style>
.parent {
display: flex;
justify-content: space-between;
}
</style>

以上代碼創建了一個父容器，并將兩個容器放置其中。使用flexbox布局時，通過設置justify-content為space-between，可以讓這些容器在父容器內分別向兩端排列。

最后，我們可以給兩個容器分別添加一些內容，以便更好地觀察它們的對齊效果：

<div class="parent">
<div class="container-1">
<p>這是第一個容器</p>
</div>
<div class="container-2">
<p>這是第二個容器</p>
<p>一些額外的內容</p>
</div>
</div>

這樣，我們就完成了讓兩個容器兩邊對齊的效果。希望這篇文章對你有所幫助！