浮動(dòng)是 CSS 布局中的一種常見技巧，通過給 HTML 元素添加浮動(dòng)屬性，可以讓元素在頁面中自由地漂浮起來，而不會(huì)被其他元素所遮擋。

在 CSS 中，浮動(dòng)屬性用于控制元素在水平方向上的布局方式，可選的值包括 left、right 和 none。左浮動(dòng)的元素會(huì)沿著父元素左側(cè)對(duì)齊，右浮動(dòng)的元素會(huì)沿著父元素右側(cè)對(duì)齊，而沒有浮動(dòng)的元素會(huì)按照文檔流的順序排列。

浮動(dòng)元素對(duì)于頁面布局來說非常有用，可以用于創(chuàng)建復(fù)雜的多欄布局、實(shí)現(xiàn)圖片環(huán)繞文字等效果。但需要注意的是，浮動(dòng)元素可能會(huì)導(dǎo)致一些布局問題，比如遮擋、錯(cuò)位等。為了解決這些問題，可以使用 CSS 的清除浮動(dòng)技巧，比如通過給父元素添加 clear 屬性來清除浮動(dòng)。

/* 左浮動(dòng) */
.float-left {
float: left;
}
/* 右浮動(dòng) */
.float-right {
float: right;
}
/* 清除浮動(dòng) */
.clearfix::after {
content: "";
display: block;
clear: both;
}

總的來說，浮動(dòng)是 CSS 布局中一個(gè)重要的技巧，可以用于實(shí)現(xiàn)復(fù)雜的頁面布局和視覺效果，但需要注意浮動(dòng)元素可能會(huì)帶來的一些布局問題，以及如何使用 CSS 的清除浮動(dòng)技巧來解決這些問題。