在許多網頁設計中，列布局是相當常見的。創造列布局有很多不同的方法，其中一種方法是使用CSS浮動。

CSS浮動是一種使元素順著其他元素“浮動”到指定位置的技術。浮動的元素通常是元素的“子元素”，也就是嵌套在其他元素中的元素。比如說，在一個包含多個段落（p標簽）的div中，我們想要使其中一個段落靠右顯示，我們可以使用以下代碼：

.right {
float: right;
}

然后，在HTML中，我們把要靠右顯示的段落的class設置為“right”，像這樣：

<div>
<p>這是一個普通的段落。</p>
<p class="right">這個段落會浮動到右邊。</p>
<p>這是另一個普通的段落。</p>
</div>

這樣，第二個段落就會浮動到包含它的div的右側了。

我們可以把這種技術用于布局設計。例如，假設我們有一個div，里面包含兩個div。我們想要這兩個div分別在左側和右側，兩者相鄰，就可以使用以下代碼：

.left {
float: left;
width: 50%;
}
.right {
float: right;
width: 50%;
}
.clear {
clear: both;
}

在HTML中，我們可以這樣嵌套：

<div>
<div class="left">
這個div在左側。
</div>
<div class="right">
這個div在右側。
</div>
<div class="clear"></div>
</div>

這里使用了一個額外的類“clear”來“清除”浮動，以確保整個布局可以正常顯示。因為元素浮動會導致其父元素不再“包含”其子元素，所以我們需要讓另一個無內容的元素占據換行，在視覺上產生一個新的行。

總的來說，CSS浮動提供了很好的布局設計選項。但是，必須小心地使用它，以確保整個布局可以正常顯示。