div有五種布局類型:彈性布局、固定布局、流體布局、混合布局、絕對定位布局。
1、彈性布局:總體寬度及其中所有欄的值都以em單位編寫,這應使布局能夠使用浏覽器的指定基本字體大小縮放。對于視力不好的用戶,這可能更有吸引力、更易于訪問,因為欄寬度将變得更寬,能以任何大小顯示更舒适、更可讀的行長度。
2、固定布局:總體寬度及其中所有欄的值都以像素單位編寫,布局位于用戶浏覽器的中心。
3、流體布局:總體寬度及其中所有欄的值都以百分比編寫,百分比通過用戶浏覽器窗口的大小計算。
4、混合布局:混合布局組合兩種其他類型的布局-彈性和流體,頁面的總寬度為100%,但側欄值設置為em單位。
5、絕對定位布局:所有前述布局的外欄使用浮動内容。而絕對定位布局完全如其名所示,有絕對定位的外欄。當使用這些布局時,側欄會“提出文檔流程”,因而可能有一些不合适的結果。
更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!