以下将几个问题按照由浅入深整理了一下
1.position属性有几种类型?分别是什么?
四种类型:
a.static (默认) static是position属性的默认值,默认情况下,块级元素和行内元素按照各自的特性进行显示
b.relative (相对定位) 相对定位下,元素会根据top,left,bottom,right相对父元素进行偏移,关键点是它原本的空间仍然保留
c.absolute (绝对定位) 绝对定位会使元素脱离文档流,不占有原本的空间,后面的元素会顶替上去,而且不论元素是行内元素还是块级元素,都会生成一个块级框
d.fixed (固定定位) fixed的表现方式类似于absolute,但是相比于absolute相对于不确定的父元素进行偏移,fixed就是相对于浏览器窗口进行偏移
2.相对定位和绝地定位的区别
相对定位的元素不会脱离文档流,绝对定位掉的元素会脱离文档流;(脱离文档流使得原本空间不被保留)
相对定位是相对于其父元素偏移,绝对定位相对于第一个position不是static的祖先元素偏移;
3.