CSS如何讓div在左側(cè)？

在CSS中，我們可以使用浮動(dòng)（float）屬性來(lái)讓div元素在左側(cè)顯示，浮動(dòng)是一種布局技術(shù)，它可以讓元素沿著容器的左側(cè)或右側(cè)移動(dòng)，直到遇到另一個(gè)浮動(dòng)元素或容器的邊界。

以下是一個(gè)簡(jiǎn)單的示例，展示如何使用CSS讓div在左側(cè)：

HTML代碼：

<div class="container">
  <div class="left-div">左側(cè)div元素</div>
  <div class="right-div">右側(cè)div元素</div>
</div>

CSS代碼：

.left-div {
  float: left;
  width: 50%;
  height: 200px;
  background-color: #f00;
}
.right-div {
  float: right;
  width: 50%;
  height: 200px;
  background-color: #0f0;
}
.container {
  clear: both;
}

在這個(gè)示例中，我們創(chuàng)建了一個(gè)包含兩個(gè)div元素的容器，通過(guò)使用float屬性，我們可以讓左側(cè)div元素浮動(dòng)到容器的左側(cè)，而右側(cè)div元素浮動(dòng)到右側(cè)，每個(gè)div元素的寬度設(shè)置為50%，以確保它們能夠水平排列，我們還為它們添加了一些樣式，如高度和背景顏色，我們使用clear屬性來(lái)清除浮動(dòng)，以確保容器能夠包含這兩個(gè)div元素。