tft每日頭條

 > 知識

 > div的布局有哪些類型

div的布局有哪些類型

知識 更新时间:2024-11-17 12:54:14

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

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

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

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

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

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

更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!

查看全部

相关知識资讯推荐

热门知識资讯推荐

网友关注

Copyright 2023-2024 - www.tftnews.com All Rights Reserved