CSS基础知识优秀程序员web前端定位 CSS定位机制 标准文档流（Normalflow） 浮动定位（Floats） 绝对定位（Absolutepositioning） 标准文档流程 从上到下，从左到右，输出文档内容 由块级元素和行级元素组成 块级元素 从填充页面从左到右，占一行 碰到页面边缘自动换行 常用标签有：div,ul,li,di,dt,p 行级元素 可以显示在同一行 不会改变HTML文档结构 常用标签有：input,span,label,strong,img 盒模型 border(边框) margin（边距） 内边距（padding） 盒子内容（content） 盒子模型大小=边框+外边距+内边距+盒子里内容的大小 盒子3D模型 第一层：border 第二层：content+padding 第三层：background-image 第四层：background-color 第五层：margin 浮动定位 三个属性：left（向左浮动）、right（向右浮动）、none（不浮动） 元素会向左或向右移动，直到接触到容器 还是标准的文档流 清除浮动的常用方法 clear属性，常用clear:both;（父包含块收缩为一个时无效） 同时设置width:100%（或固定宽度）+overflow:hidden; 相对定位 相对于原位置偏移 仍然在标准文档流中 然后有offset和z-index属性 绝对定位 建立包含基于Fast的定位 完全偏离标准文档流 然后有offset和z-index属性 绝对定位-偏移引用 没有定位的祖先元素，作为偏移引用Datum 有一个定位的祖先元素，它距离它最近的定位祖先有偏移元素 的初始位置是脱离标准文档流 绝对定位-常见问题 没有设置宽度时，根据内容调整元素的宽度 左右布局时，列层的高度必须大于绝对定位元素的高度
