css学习之--三种定位机制

1.标准文档流 （Normal flow)
从上到下，从左到右
块级元素：
div,ul,li,dl,dt,p等
行级元素：
span,strong,img,input等
块级元素和行级元素都是盒子模型
盒子模型:m b p c
盒子3D模型：
从上到下依次border,content+padding,background-image,backgroud-color,margin
样式初始化：*{margin:0;padding:0;}
盒子模型尺寸=边框+外边框+内边距+盒子中的内容尺寸
自动局中一列布局三个技能点：
标准文档流、块级元素、margin属性
2.浮动(floats)
清除浮动方法：
clear属性:both,left,right
同时设置width:100%(或固定宽度)+overflow:hidden;
3.绝对定位(absolute positioning)