今天的学习

Z-index

能够设置元素的叠加顺序，但依赖定位属性

z-inde大的元素会覆盖z-index小的元素

z-inde为auto的元素不参与层级的比较

z-inde为负值，元素被普通流中的元素覆盖

 

fixed: 固定定位，配合使用top、right、bottom、left的属性，元素会脱离正常的文档流，在整个窗口进行移动定位，并拥有层级的概念。

经常使用场景： 一、对联广告 二、登陆弹窗

 

absolute: 绝对定位，配合top、right、bottom、left，元素会脱离正常的文档流

有层级概念，后写元素覆盖先写元素，使用定位偏移时不会影响常规流中得任何元素，

自身的外边距不与其余元素的外边距折叠

 

relative：相对定位，配合top、right、bottom、left，元素会遵循正常的文档流

没有层级概念，使用定位偏移时不会影响常规流中的任何元素

 

当height>屏幕高度，  right和bottom是相对于屏幕的右下角，而不是body的bottom