网页布局的三种方式分别是：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；
触网万能商城建站系统免费版
下载
触网万能商城系统，3年专注打磨一款产品，专为网络服务公司、建站公司、威客、站长、设计师、网络运营及营销人员打造，是一款超级万能建站利器，彻底告别代码编程和找模板，改模板，改代码的低效高成本方式，仅需一个人可服务无数客户，系统集万能官网+万能商城+万能表单+博客+新闻+分销...于一体，通过海量模块拖拽布局、万能组合和超级自定义功能，可以构建各种类型的响应式网站。
5，margin；
4、盒子模型尺寸等于边框+外边距+内边距+盒子中间内容尺寸
二：浮动 float
float：left，right，none
清除浮动：
1、clear：both；(一般用于紧邻后面的元素清除浮动)
2、同时设置width：1000%（固定宽度）+overflow：hidden；
注：（当父包含快缩成一条时，用clear：both方法无效；一般用清除浮动的第二种方法）
三：绝对定位
1静态定位 2相对定位 3绝对定位
