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

網頁版面的三種方式分別是：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

清除浮動：

##1、clear：both； (一般用於緊鄰後面的元素清除浮動)

2、同時設定width：1000%（固定寬度） overflow：hidden；

註：（當父親包含快縮成一條時，用clear：both方法無效；一般用清除浮動的第二種方法）

三：絕對定位

1靜態定位2相對定位3絕對定位

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