说一下你对相对定位和绝对定位的理解,面试必考!

相对定位和绝对定位的理解

1、功能理解

  相对定位:相对于自己(一开始的位置)进行定位的,但无论怎么移动,这个元素会依然占据原来的位置,它是

       不占用偏移后的位置的,也就是说偏移后的元素相当于一个投影/虚像。

  绝对定位:相对于离自己最近的开启了定位的祖先元素进行定位的,脱离文档流,因此可以盖住页面上的其他

       元素,可以用z-index来控制开启了绝对定位的元素与其他元素的层叠关系。

  浮动:向左或向右浮动,直到遇到其他元素。

2、使用目的

  浮动:让元素排成一行;

  定位:能随意摆放元素;

3、共同点:

  浮动和定位的元素都会转换为行内块元素。

posted @ 2020-04-05 23:57  isremya  阅读(671)  评论(0编辑  收藏  举报