1. 首頁 > 生活百科 >

div的布局有哪些類型

div有五種布局類型：彈性布局、固定布局、流體布局、混合布局、絕對定位布局 。
1、彈性布局：總體寬度及其中所有欄的值都以em單位編寫，這應使布局能夠使用瀏覽器的指定基本字體大小縮放 。對于視力不好的用戶，這可能更有吸引力、更易于訪問，因為欄寬度將變得更寬，能以任何大小顯示更舒適、更可讀的行長度 。
2、固定布局：總體寬度及其中所有欄的值都以像素單位編寫，布局位于用戶瀏覽器的中心 。
3、流體布局：總體寬度及其中所有欄的值都以百分比編寫，百分比通過用戶瀏覽器窗口的大小計算 。
4、混合布局：混合布局組合兩種其他類型的布局-彈性和流體，頁面的總寬度為100%，但側欄值設置為em單位 。
【div的布局有哪些類型】5、絕對定位布局：所有前述布局的外欄使用浮動內容 。而絕對定位布局完全如其名所示，有絕對定位的外欄 。當使用這些布局時，側欄會“提出文檔流程”，因而可能有一些不合適的結果 。

    推薦閱讀