在Web前端開發中，div是常使用的一個HTML標簽，它是一個無語義的塊級元素，可以用來布局頁面的結構。而使用CSS的時候，我們可能需要對div進行樣式的控制，這時候，我們就需要使用CSS的浮動屬性，對div進行布局。

在CSS中，float是一種常見的布局方式，可以使元素浮動到頁面的左邊或右邊。使用float屬性可以將一個元素從文檔流中脫離出來，并讓它沿著父元素的左或右移動，直到碰到另一個浮動元素或到達父元素的邊界。

div{
float: left;
width: 50%;
}

上面的代碼中，我們使用float屬性將div元素向左浮動，并設置了它的寬度為50%。這樣一來，就可以讓兩個div元素在一個父元素中平分寬度，并且這兩個元素會一左一右地浮動到頁面的兩側。

值得注意的是，當我們使用百分比定義元素的寬度時，這個寬度是相對于父元素的寬度計算的。因此，在使用百分比布局時，我們需要仔細計算元素的寬度，以免影響整個布局的美觀性。

綜上所述，通過使用CSS的浮動屬性，我們可以輕松地實現div的百分比布局。在實際開發中，我們可以根據需要靈活運用浮動屬性，創建出獨具特色的頁面布局。