盒子模型，定位

盒子模型

盒子三大部分
盒子的组成部分：
盒子壁 border
内边距 padding
盒子内容 width+height；
margin+border+padding+（content=width+height）

定位

1.absolute 要与top，left等一起用
脱离原来位置
相对于最近的有定位的父级进行定位，
如果没有，那么相对于文档定位
2.relative 保留原来位置进行定位
相对于自己原来位置进行定位
3.fixed
固定
例：固定居中
position: fixed;
left: 50%;
top: 50%;
margin-left:-50px;
margin-top: -50px;