面试 CSS相对定位 position

一、position: relative; 相对定位

相对与原来的位置，进行指定的偏移，相对定位的话，它仍然在标准文档流中，原来的位置会被保留

二、position:absolute; 绝对定位

1、相对于父级定位，相对于浏览器定位

2、在父级元素范围内活动

3、假设父级元素存在定位，我们通常会相对于父级元素进行偏移

相对于父级或浏览器的位置，进行指定的偏移，绝对定位的话，它不在标准文档流中，原来的位置会被保留

 

 

 

 三、position: Flexd 固定定位

 

 

生成绝对定位的元素，相对于浏览器窗口进行定位。

元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。