CSS Float（浮動）

概述

CSS Float（浮動）是一種布局技術，它允許開發人員將元素（如圖片或文本）沿著其容器的左側或右側放置，并且讓其他內容圍繞它流動。這種技術在過去被廣泛用于創建多欄布局，盡管現代CSS提供了更多高級的布局方法（如Flexbox和Grid），但理解浮動仍然是很有價值的，因為它在許多現有網站和應用程序中仍然被使用。

基本用法

要使用浮動，你可以在CSS中應用float屬性，并為其指定一個值，如left、right或none。例如：

img {float: left;
}

上述代碼將使所有<img>元素向左浮動，允許文本或其他元素圍繞它的右側流動。

清除浮動

浮動的一個常見問題是它會影響其父元素和兄弟元素的布局。為了解決這個問題，CSS提供了clear屬性，它可以應用于任何元素，以防止浮動元素對其布局產生影響。clear屬性可以接受以下值：

• left：清除左側浮動元素的影響。
• right：清除右側浮動元素的影響。
• both：清除左右兩側浮動元素的影響。
• none：默認值，不清除浮動。

例如，要在浮動元素后清除浮動，可以