CSS浮動和重疊是網頁布局中非常重要的兩個概念

浮動可以使一個元素脫離文檔流并向左或向右移動，浮動元素可以與文本或者其他元素浮動在一起。具體來說，在CSS中我們可以使用以下代碼實現元素的浮動：

float:left; 
float:right;

其中，float:left表示元素向左浮動，float:right表示元素向右浮動。

在使用浮動時需要注意到的是元素的寬度不應該大于其父元素的寬度，否則會出現浮動元素溢出父元素的情況。此時使用overflow:hidden可以解決問題。

同時，當使用多個浮動元素時，這些元素可能會出現重疊的情況。這是因為CSS在定位元素時遵循文檔流的順序，所以在浮動元素定位時，它們會被放在前面的元素的上方。如果我們不想讓浮動元素重疊，可以使用以下代碼：

clear:left; 
clear:right;

其中，clear:left表示停止浮動左側元素，clear:right表示停止浮動右側元素。通過使用clear屬性，我們可以讓浮動元素在文檔流排列中的順序與我們期望的順序一致。