网页布局基础

布局的基本分类：

• 一列布局

• 二列布局

• 三列布局

• 混合布局

网页布局与其他布局的区别
网页布局没有面积和版面的限制,与传统的网页设计相比更加自由

网页布局的基础知识

• 盒模型
  三要素：
  内容
  填充（padding）
  边框(border)
  边界（margin）
  

padding与margin的区别：padding在边框里，margin在边框外。

• 布局模型
  在网页中，元素有三种布局模型：
  1、流动模型（Flow）
  2、浮动模型 (Float)
  3、层模型（Layer）

流动模型是是默认的网页布局模式。也就是说网页在默认状态下的 HTML 网页元素都是根据流动模型来分布网页内容的。
特点：
1.块状元素都会在所处的包含元素内自上而下按顺序垂直延伸分布，因为在默认状态下，块状元素的宽度都为100%。实际上，块状元素都会以行的形式占据位置。
2.在流动模型下，内联元素都会在所处的包含元素内从左到右水平分布显示。

浮动模型 可以设置元素并列。

层模型通过平面的坐标来确定元素的位置。
1、绝对定位(position: absolute)
2、相对定位(position: relative)
3、固定定位(position: fixed)

未完待补