div的布局有哪些類型

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

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

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

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

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

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