css——定位

CSS定位机制

CSS 有三种基本的定位机制：相对定位、浮动和绝对定位。

相对定位

相对定位指的是设置为相对定位的元素框会偏移某个距离。元素依然保持其未定位前的形状，它本来所占的空间仍保留。

假如将box2的框 top 设置为 50px，那么框将在原位置顶部下面 50 像素的地方。假如 left 设置为 20 像素，那么会在元素左边创立 20 像素的空间，也就是将元素向右移动。

只需box2设置了position为relative ，box1和box3始终不会由于box2的改变而改变。

.box {
width: 200px;
height:100px;
border: 1px solid #F00;
float: left;
margin:0 0 0 30px;
}

.box2 {
position: relative;
left: 20px;
top: 50px;
}