本文目錄導讀：

1. 使用Flexbox布局
2. 使用Grid布局
3. 使用position屬性
4. 使用float屬性

CSS排版技巧：如何排列div

CSS（層疊樣式表）是一種用于描述HTML文檔樣式的語言，其中包含了多種用于控制頁面排版的屬性，在CSS中，我們可以使用多種方法來排列div元素，從而實現(xiàn)不同的頁面布局。

使用Flexbox布局

Flexbox是一種CSS布局模式，可以輕松地創(chuàng)建復雜的頁面布局，通過Flexbox，我們可以輕松地排列div元素，并且可以輕松地調整元素之間的間隔和對齊方式。

使用Grid布局

CSS Grid布局是一種非常強大的布局模式，可以用于創(chuàng)建復雜的二維頁面布局，通過Grid布局，我們可以輕松地排列div元素，并且可以輕松地調整元素之間的行和列間距。

使用position屬性

CSS的position屬性可以用于控制元素的定位方式，通過position屬性，我們可以將div元素定位到頁面的不同位置，并且可以輕松地調整元素之間的堆疊順序。

使用float屬性

CSS的float屬性可以用于控制元素的浮動方式，通過float屬性，我們可以將div元素浮動到頁面的左側或右側，并且可以輕松地調整元素之間的間隔和對齊方式。

五、使用align-items和align-self屬性

CSS的align-items和align-self屬性可以用于控制元素的垂直對齊方式，通過這兩個屬性，我們可以輕松地調整div元素在容器中的垂直位置。

CSS提供了多種方法來排列div元素，從而實現(xiàn)不同的頁面布局，我們可以根據(jù)具體的需求選擇適合的方法來實現(xiàn)頁面的排版效果。