在CSS中，我們可以使用多種方法來顯示元素的兩邊，以下是一些常見的方法：

1、使用浮動(dòng)（Floats）

浮動(dòng)是一種使元素沿著其容器的左側(cè)或右側(cè)移動(dòng)的方法，通過為元素添加float: left;或float: right;樣式，可以將元素浮動(dòng)到容器的相應(yīng)側(cè)。

.float-left {
    float: left;
}
.float-right {
    float: right;
}

2、使用定位（Positioning）

CSS中的定位功能允許你更***地控制元素的位置，通過position: absolute;或position: relative;，你可以將元素***或相對地定位到容器的兩側(cè)。

.absolute-left {
    position: absolute;
    left: 0;
}
.absolute-right {
    position: absolute;
    right: 0;
}

3、使用Flexbox

Flexbox是一種靈活的布局方式，允許你輕松地創(chuàng)建復(fù)雜的布局結(jié)構(gòu)，通過justify-content: space-between;，你可以將元素平均分布在容器中，從而在兩側(cè)留出空間。

.flex-container {
    display: flex;
    justify-content: space-between;
}

4、使用Grid

CSS Grid是一種強(qiáng)大的布局系統(tǒng)，適用于創(chuàng)建復(fù)雜的網(wǎng)頁布局，通過grid-template-columns: 1fr 1fr;，你可以創(chuàng)建一個(gè)包含兩個(gè)等寬列的網(wǎng)格，從而在兩側(cè)留出空間。

.grid-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

這些方法可以根據(jù)你的具體需求來選擇和使用，你可以根據(jù)自己的布局需求選擇***適合的方法，或者結(jié)合使用多種方法來創(chuàng)建復(fù)雜的布局效果。