CSS浮動(dòng)是一種常用的布局技巧，它可以讓元素在容器中左右移動(dòng)，直到找到正確的位置，在CSS中，我們可以使用float屬性來設(shè)置元素的浮動(dòng)方式。

下面是一個(gè)簡單的例子，展示如何使用CSS浮動(dòng)來排列兩個(gè)元素：

HTML代碼：

<div class="container">
  <div class="box">Box 1</div>
  <div class="box">Box 2</div>
</div>

CSS代碼：

.container {
  width: 200px;
  height: 200px;
  border: 1px solid #000;
}
.box {
  width: 100px;
  height: 100px;
  border: 1px solid #f00;
  float: left; /* 讓元素浮動(dòng)到左邊 */
}

在這個(gè)例子中，我們創(chuàng)建了一個(gè)容器元素和兩個(gè)盒子元素，每個(gè)盒子元素都有相同的寬度和高度，并且都有邊框，我們使用float屬性將盒子元素設(shè)置為浮動(dòng)到左邊，這樣它們就會(huì)按照從左到右的順序排列。

如果容器元素的寬度不夠?qū)?，那么盒子元素可能?huì)排列到下一行，如果您想要避免這種情況，可以使用CSS的clearfix技巧來清除浮動(dòng)，在容器元素的末尾添加一個(gè)額外的元素，并將其設(shè)置為清除浮動(dòng)：

<div class="container">
  <div class="box">Box 1</div>
  <div class="box">Box 2</div>
  <div style="clear: both;"></div>
</div>

無論容器元素的寬度如何變化，盒子元素都會(huì)保持在同一行內(nèi)排列。