面试过程中常被问到的几个关于定位的问题

以下将几个问题按照由浅入深整理了一下

1.position属性有几种类型?分别是什么?

四种类型:

  a.static  (默认)          static是position属性的默认值,默认情况下,块级元素和行内元素按照各自的特性进行显示

  b.relative  (相对定位)  相对定位下,元素会根据top,left,bottom,right相对父元素进行偏移,关键点是它原本的空间仍然保留

  c.absolute  (绝对定位)  绝对定位会使元素脱离文档流,不占有原本的空间,后面的元素会顶替上去,而且不论元素是行内元素还是块级元素,都会生成一个块级框

  d.fixed  (固定定位)  fixed的表现方式类似于absolute,但是相比于absolute相对于不确定的父元素进行偏移,fixed就是相对于浏览器窗口进行偏移

2.相对定位和绝地定位的区别

  相对定位的元素不会脱离文档流,绝对定位掉的元素会脱离文档流;(脱离文档流使得原本空间不被保留)

  相对定位是相对于其父元素偏移,绝对定位相对于第一个position不是static的祖先元素偏移;

3.  

原文地址:https://www.cnblogs.com/lemonmonster/p/8083102.html