CSS是一種非常強大的樣式語言，它可以讓我們對網頁的外觀和布局進行高度的控制。其中，最常用的就是通過CSS將浮動的div整齊布局。

要實現div的整齊布局，我們需要使用CSS中的“浮動”屬性。而在實際的布局中，我們往往需要將多個div進行布局。下面是一個例子：

<div class="container">
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
</div>

在這個例子中，我們創建了一個父級div，內部包含了三個子級div。現在我們要通過CSS將這三個div整齊地布局。

首先，我們需要給父級div設置一個寬度（例如800px），并將其中的子級div設置為浮動狀態：

.container {
width: 800px;
}
.box {
float: left;
width: 200px;
height: 200px;
}

在這個例子中，我們將子級div的寬度設置為200px，高度設置為200px。同時，我們使用了float屬性將這些div設置為浮動狀態。這樣，它們就會整齊地排列在一行中。

但是，可能會出現一些問題。例如，當我們將這些div寬度設置為百分比時，就不能直接使用浮動。這時，我們可以通過使用“display:inline-block”的方法來解決這個問題：

.container {
font-size: 0; /* 使用 display:inline-block 時需要將父級字體大小設置為 0 */
width: 100%;
}
.box {
display: inline-block;
width: 33.3%;
height: 200px;
font-size: 16px; /* 重新設置子級字體大小 */
}

在這個例子中，我們使用了display:inline-block屬性來代替float屬性。此時，需要將父級div的字體大小設置為0以避免空格的影響，同時還需要重新設置子級div的字體大小。

綜上所述，通過使用CSS的浮動屬性、display:inline-block屬性，我們可以讓div整齊地排列，從而實現更加美觀的網頁布局。