div的佈局有哪些類型

div有五種佈局類型：彈性佈局、固定佈局、流體佈局、混合佈局、絕對定位佈局。

1、彈性佈局：總體寬度及其中所有欄的值都以em單位編寫，這應使佈局能夠使用瀏覽器的指定基本字體大小縮放。對於視力不好的用户，這可能更有吸引力、更易於訪問，因為欄寬度將變得更寬，能以任何大小顯示更舒適、更可讀的行長度。

2、固定佈局：總體寬度及其中所有欄的值都以像素單位編寫，佈局位於用户瀏覽器的中心。

3、流體佈局：總體寬度及其中所有欄的值都以百分比編寫，百分比通過用户瀏覽器窗口的大小計算。

4、混合佈局：混合佈局組合兩種其他類型的佈局-彈性和流體，頁面的總寬度為100%，但側欄值設置為em單位。

5、絕對定位佈局：所有前述佈局的外欄使用浮動內容。而絕對定位佈局完全如其名所示，有絕對定位的外欄。當使用這些佈局時，側欄會“提出文檔流程”，因而可能有一些不合適的結果。