在CSS中，float屬性可以讓元素脫離文檔流，向左或向右浮動。當一個元素使用了float屬性后，其他元素會被移動到它的下方，但不會覆蓋它。這種布局方式常常用于實現圖片和文本并排排列。

當使用float屬性時，需要注意以下幾點：

/* 向左浮動 */
.float-left {
float: left;
}
/* 向右浮動 */
.float-right {
float: right;
}

首先，使用float屬性的元素需要有固定寬度或者使用百分比設置寬度，否則會導致其容器寬度塌陷。

其次，當浮動元素脫離文檔流后，其容器的高度也會合并得很奇怪?？梢酝ㄟ^在其容器里添加clearfix類來清除浮動，避免這種情況發生。

.clearfix::after {
content: "";
display: table;
clear: both;
}

最后，浮動元素的相對位置是相對于其容器的，如果容器的高度不夠，那么浮動元素會溢出。可以通過設置容器的overflow屬性來解決這個問題。

.container {
overflow: auto;
}

總的來說，使用float屬性可以實現靈活的布局，但是也需要注意上述問題，以避免出現意外情況。