網頁佈局的三種方式分別是什麼

網頁版面的三種方式分別是：1、標準文件流程；2、浮動；3、絕對定位。其中，絕對定位完全脫離了標準文件流，建立了以包含區塊為基準的定位，擁有偏移屬性和z-index屬性。

相關學習推薦：網站製作影片教學

#網頁版面的三種方式：

一：標準文件流程

1、從上到下從左到右（區塊級元素【div，ul，li，dl，dt，p】和行級元素【上盤，img，strong，input】）

2、盒子模型

1）盒子模型屬性：

邊框border ，

內邊距padding【（上，右，下，左）（上，左右，下）（上下，左右）】，外邊距margin【（上，右，下，左）（上，左右，下）（上下，左右）】。

3、盒子3d模型

1）盒子3d模型層級

#1，border ;

2，content padding；

# 3，background-img；

4，background-color；

5，margin；

4、盒子模型尺寸等於邊框外邊距內邊距盒子中間內容尺寸

二：浮動float

float：left，right，none

清除浮動：

三：絕對定位

以上是網頁佈局的三種方式分別是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章！