CSS DIV+CSS布局

布局

1.布局概述

• 目的：使各部分板块有序排列，使网页排版变得条理清晰，丰富美观
• 组成部分：一般由头部，导航，内容，底部组成
• 分类：常见的有单列布局，两列布局，三列布局
• 例如：
  
• 布局步骤：
  1.确定版心：页面的中心内容，在页面中水平居中。
  2.分析页面板块：如上图为顶部、导航、焦点图、主体内容、页面底部(版权信息）
  3.控制页面的各个模块
• 元素在页面中的定位方式
  1.标准文档流：按照元素在页面中出现的先后顺序进行定位
  2.绝对定位：设置元素在页面中的坐标位置
  3.相对定位：设置元素相对于它在标准文档流中的位置进行定位
  4.浮动：设置了浮动属性的元素会脱离标准文档流的控制，移动到其父元素中指定位置的过程。

布局常用属性

浮动属性（float）

1.元素的