h5中相对定位（HTML的相对定位和绝对定位）
相对定位：relative
作用：相对于自身原来的位置进行偏移 ，属性有：top ，left ，right ，bottom
相对定位的主要用途是让其内部的绝对定位作为参照 ，也就是说使用绝对定位要和相对定位一起使用 ，举例：
在上图中我们同时提到了绝对定位 ，那么绝对定位的属性值为absolute
absolute的属性：left ，right ，top ，bottom
使用绝对定位的元素要以一个已经定位的祖先元素为基准 ，绝对定位的元素从标准文档流中脱离 ，其后的元素就会占据其原来的位置 。
值得注意的是 ，绝对定位总是和相对定位一起使用 ，且父元素为相对定位relative ，子元素为绝对定位absolute；
扩展：
固定定位：fixed ，使用fixed后 ，相对应的盒子不会随滚动条的滚动而滚动 ，且不占文档流 。
堆叠层级：z-index ，使用z-index必须使用position定位元素 ，当两个元素重叠时 ，值越大 ，会显示在浏览器上 。
div{
width: 100px;
height: 100px;
background-color: cadetblue;
border: 1px solid pink;
}
#box1{
width: 300px;
height: 300px;
border: 1px solid black;
margin: 0px auto;
position:relative;
top: 50px;
}
#box2{
background-color: red;
position:relative;
left: 5px;
top: 120px;
z-index:3;
}
#box3{
background-color: green;
position:relative;
left: 25px;
top: 50px;
z-index:1;
}
#box4{
background-color: blue;
position:relative;
left: 50px;
top: -20px;
z-index:0 ;
}
效果图：
创心域SEO版权声明：以上内容作者已申请原创保护，未经允许不得转载，侵权必究！授权事宜、对本内容有异议或投诉，敬请联系网站管理员，我们将尽快回复您，谢谢合作！