要理解html對盒子設置浮動的概念，首先我們需要了解什么是盒子模型。盒子模型是指html元素所創建的盒子，包括內容區域、內邊距、邊框和外邊距。其中內邊距和邊框是可以設置寬度和顏色的。

在網頁布局中，經常會使用浮動來讓元素沿著頁面流動，而不是按照默認的塊級元素排列。要在html中設置浮動，可以使用CSS中的float屬性。float屬性有left、right、none、inherit四個可能的值。

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

上面的代碼展示了一個盒子的浮動屬性設置。這里我們將盒子設置為左浮動，設置了寬度、高度、背景色和右邊距。當我們將多個盒子設置為浮動時，它們會按照順序從左往右排列，直到一行排不下為止。

需要注意的是，浮動可以影響其他盒子的布局，特別是在它們之間有重疊的情況下。此時，可以使用CSS中的clear屬性來避免這種情況的出現。clear屬性也有四個可能的值，分別是left、right、both和none。意思是為了避免與之前的浮動元素重疊，指定的盒子元素除去浮動部分的剩余空間的最小高度。

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

上面的代碼展示了一個解決浮動重疊的方法。我們通過在包含盒子的父元素上設置::after偽類來清除浮動，從而使其他盒子不受影響。

總的來說，html對盒子設置浮動可以使頁面布局更加靈活和美觀。但是需要注意處理好浮動之間的關系，以及在需要時適當地清除浮動。