相对定位

相对定位的元件相对于其正常位置定位。顶部,右侧,底部和左侧 属性可用于指定渲染框的移动方式。

html：

 我是一段快乐 的文本

CSS:

	
p {
   width: 350px;
   border: 1px black solid;
   position: fixed;
}
span {
   background: green;
   color:white;
   position: relative;
   top: 150px;
   left: 50px;
}	

结果:相对定位元素的内容可以移动并与其他元素重叠,但元素的保留空间仍保留在正常流程中。