HTML中盒子模型一般使用組合的方法，通過div或其他標簽組合實現布局。而其中一個重要的布局屬性就是float。使用float屬性，可以讓盒子脫離文檔流，向左或向右浮動，實現多列布局、文字環繞圖片等效果。

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

在以上代碼中，.box是指定的盒子，通過float屬性將其向左浮動。同時設置了寬和高，確保內容可以被容納，設置margin-right屬性使其與相鄰盒子保持一定距離。

需要注意的是，使用float屬性會使盒子脫離文檔流，會影響其周圍元素的布局。此時需要使用clear屬性清除浮動。

.clearfix::after {
content: '';
display: block;
height: 0;
clear: both;
visibility: hidden;
}

以上代碼可以清除浮動，通過在父元素設置clearfix類名并設置偽元素，利用clear: both屬性可以清除該父元素內所有浮動元素的影響。

在實際開發中，float屬性常常被用來實現各種復雜的布局效果。需要注意的是，這種方式使用相對性質，濫用float會導致布局混亂，在使用時需要謹慎。