html定位总结

定位

1、  相对定位

（1）特点

a、不影响元素本身的特性；

b、不使元素脱离文档流（元素移动之后原始位置会被保留）；

c、如果没有定位偏移量，对元素本身没有任何影响；

d、提升层级

（2）相对定位的代码：先设置position为relative,再设置right/left/top/bottom的偏移量

   

2、  绝对定位

（1）特点

a、使元素脱离文档流

b、提升层级

c、如果父级元素有相对定位的，以父级元素为基准进行定位。否则以浏览器窗口为基准进行定位。

例如：

当div2设置为absolute时，div3会移动到div2的位置。又因为div2的层级被提升，div2会遮挡div3。