CSS定位（Positioning）概述 绝对定位相对定位

CSS定位（Positioning）概述

CSS包括相对定位和绝对定位
1，相对定位是一个非常容易掌握的概念。如果对一个元素进行相对定位，它将出现在它所在的位置上。然后，可以通过设置垂直或水平位置，让这个元素“相对于”它的起点进行移动。
例：
#Box{
position:relative;
top:50px；
}
这样的话Box是在原来的基础上整体向上移动50px，是相对于自己原来的位置移动

2，绝对定位使元素的位置与文档流无关，因此不占据空间。这一点与相对定位不同，相对定位实际上被看作普通流定位模型的一部分，因为元素的位置相对于它在普通流中的位置。
例：
#Box{
position:absolute;
top:50px；
}
这样的话Box是在原来的基础上向上移动50px