HTML中盒子的浮動（float）是一種布局方式，可以讓元素在頁面中左右或上下自由移動，實現網頁的自適應和排版效果。

.box {
float: left;
width: 200px;
height: 200px;
margin-right: 20px;
}

上述代碼定義了一個名為.box的盒子，設置了寬度、高度和右側外邊距，并通過float:left屬性將其向左浮動。

浮動元素會脫離文檔流，對其它盒子的布局產生影響，因此需要清除浮動。最常用的清除浮動方法是在父級元素中增加偽元素：after，并為其添加屬性：content: ''; display: block; clear: both;。

.parent::after {
content: '';
display: block;
clear: both;
}

上述代碼定義了一個父級元素.parent，在其中使用after偽元素清除所有子元素的浮動。

在實際開發中，使用浮動和清除浮動的場景非常多，可以輕松實現雙欄布局、懸浮菜單、圖文混排等效果。