css相对定位、绝对定位

<html>
<head>
 	<meta charset="utf-8">
 	<style type="text/css">
 		span{
 			background-color: gray;
 			padding: 10px;
 			margin: 2px;
 		}
 		.pos{
 			left:40px;
 			top: 100px;
 		}
 	</style>
</head>
<body>
	<span>内容一</span>
	<span class="pos">内容二</span>
	<span>内容三</span>
	<span>内容四</span>
</body>
</html>

效果：

position:relative定位后：

所谓相对定位是指，相对该元素应当显示的右上角重新定位，虽然它脱离了实际标准流，但它的空间不能被占用。

position:absolute定位后：

所谓绝对定位是指，对该元素最近的那个脱离了标准流的元素定位。如果没有父元素，则相对body左上角定位。