position定位
相对定位:relative,可以可以使用方位和方位值来定义它的位置.
列入:top:30px; 定位的区域就从上向下移动30个像素
/*定位设置*/
.box1 {
position: relative;
/*float: right;*/ /*相对定位，浮动有效。*/
absolute绝对定位
绝对定位:absolute选择物上一级来进行定位,如果没有上一级则一直寻找定位止道找到定位
/*定位设置*/
.box2 {
position: absolute;
left: 30px;
top: 30px;
float: left; /*绝对定位后，浮动失效：定位后，元素脱离浮动流*/}
fixed:固定定位
基于浏览器窗口,浏览器窗口默认大小来进行固定定位,.定位在哪里,浏览器页面滚动他就跟着页面滚动.
总结：
* 1、与浮动：相对定位——浮动有效，绝对定位——浮动无效。
* 2、与默认文档流：相对定位——在默认文档流占据定位前的空间，并且影响默认文档流的其他元素的排列。绝对定位不占据不影响。
