关于布局
1.css盒子模型
所有HTML元素可以看作盒子，在CSS中，"box model"这一术语是用来设计和布局时使用。
CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。
CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。
2.布局方式
绝大多数的布局工作是由CSS+DIV来完成的，因为表格布局复杂页面时需要频繁的嵌套，代码比较复杂、难以维护，而使用CSS+DIV布局，内容和表现可以分离，代码干净整洁、可读性好、便于维护，并且样式代码可以复用，进一步提高了开发效率和整体网站的质量。
编程一般都是有套路的,布局也不例外：
1.把一个页面分成上中下，左中右几个部分
2.使用div先大体分割一下该网页,每个版块就像一个的盒子，每个"盒子"放置不同的内容，页面就是由这些"盒子"拼凑起来
3.使用CSS样式来控制布局和盒子的样式
4.每一个小的版块都通过以上三步实现
浮动布局：使两个块级元素水平排列
定位布局：相对定位是相对于自身的原始位置进行平移；绝对定位是子容器相对于父容器的定位，如果没有父容器，则相对于body定位；固定定位也是相对定位，相对于窗口的
编程一般都是有套路的,布局也不例外：
1.把一个页面分成上中下，左中右几个部分
2.使用div先大体分割一下该网页,每个版块就像一个的盒子，每个"盒子"放置不同的内容，页面就是由这些"盒子"拼凑起来
3.使用CSS样式来控制布局和盒子的样式
4.每一个小的版块都通过以上三步实现
浮动布局：使两个块级元素水平排列
定位布局：相对定位是相对于自身的原始位置进行平移；绝对定位是子容器相对于父容器的定位，如果没有父容器，则相对于body定位；固定定位也是相对定位，相对于窗口的