CSS盒子模型的4个属性：
border（边框）、margin（外边距）、padding（内边距）、content（内容）。
CSS布局模型主要有3种：流行模型、浮动模型、层模型。
换言之，CSS中3种定位机制：标准文档流、浮动、绝对定位。
一、标准文档流
normal flow，这是默认的网页布局模式。
如何实现网页的自动居中：
body{
width:700px;
margin: 0 auto;
}注意：如果想让页面自动居中，当设置margin属性为auto的时候，不能再设置浮动或绝对定位属性。
二、浮动布局
float，主要用于横向多列。
3个属性值：left（左浮动）、right（右浮动）、none（不浮动）
当元素设置浮动属性后，会对紧邻后面的元素产生影响。
如何清除浮动，常用方法：
1、clear属性，clear:both 或 clear:left 或 clear:right
2、设置了宽度值，那么可以用overflow属性，overflow:hidden
三、绝对定位
position，也就是所谓的层模型。
4个属性值：static（静态定位）、relative（相对定位）、absolute（绝对定位）、fixed（固定定位）。
注意：
1、relative相对定位的元素仍处于标准文档流中，而absolute绝对定位的元素完全脱离了标准文档流。
2、给absolute绝对定位的元素设置偏移量的时候，他的偏移参照基准分2种情况：有已定位的祖先元素，则以最近的已定位祖先元素为偏移参照基准；无已定位的祖先元素，则以<html>为偏移参照基准。
2566
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
