position: absolute
absolute(绝对定位)是指给元素设置绝对的定位,相对定位的对象可以分为两种情况:
1) 设置了absolute的元素如果存在有祖先元素设置了position属性为relative或者absolute,则这时元素的定位对象为此已设置position属性的祖先元素。
2) 如果并没有设置了position属性的祖先元素,则此时相对于body进行定位。
具体使用方法: 给标签添加class, 然后样式里面先写position: absolute; 然后通过top,bottom,left,right进行定位。
<div class = "top">
</div>
<style scoped>
.top {
position: absolute;
top: 30px;
left: 0px;
}
</style>