CSS左右兩側自適應是一種常見的CSS技術，可以通過設置元素的左右邊距來控制元素在水平方向上的自適應。這種技術可以幫助網站開發人員更方便地設計和調整頁面布局，同時也可以讓網站更具可讀性和可訪問性。

在CSS中，可以使用“float”和“clear”屬性來實現左右兩側自適應。其中，“float”屬性可以讓元素水平方向上自動浮動，而“clear”屬性則可以清除浮動，使元素恢復原本的位置。

下面是一個使用“float”和“clear”屬性實現左右兩側自適應的例子：

```css

.parent {

width: 400px;

height: 300px;

background-color: blue;

.child {

float: left;

width: 100px;

height: 100px;

background-color: red;

.child {

clear: left;

在這個例子中，`.parent`元素是一個容器，`.child`元素是一個左側自適應的子元素。通過使用“float: left”屬性，`.child`元素水平方向上自動浮動，使得整個容器向左移動。通過使用“clear: left”屬性，清除浮動，使`.child`元素恢復原本的位置，并與`.parent`元素保持水平對齊。

除了使用“float”和“clear”屬性外，還可以使用其他CSS屬性來實現左右兩側自適應，例如“margin”和“padding”。其中，“margin”屬性可以讓元素在水平方向上的邊距自適應，而“padding”屬性可以讓元素在垂直方向上的邊距自適應。

通過使用CSS左右兩側自適應技術，網站開發人員可以更方便地設計和調整頁面布局，同時也可以讓網站更具可讀性和可訪問性。