Live2D

position的absolute与fixed,absolute与relative共同点与不同点

absolute与fixed

共同点:

(1) 改变行内元素的呈现方式,display被置为block;

(2) 让元素脱离普通流,不占据空间;

(3) 默认会覆盖到非定位元素上

不同点:

absolute的”根元素“是可以设置的,而fixed的”根元素“固定为浏览器窗口。

当你滚动网页,fixed元素与浏览器窗口之间的距离是不变的。

absolute与relative

 

不同点:

 

absolute的没有设position的父级元素就参照浏览器左上角。

 

relative参照父级元素原始点,无父级参照body

 

z-index不能定义父子的上下关系,一定是子上父下

 

元素定位:

absolute、fixed(IE6不支持)、relative、static

  1. 所有的定位如果left、top、right、bottom属性都为默认值,则为默认定位
  2. absolute定位会脱离文档,浮动起来,多个层重叠可以使用z-index属性改变层叠顺序
  3. absolute定位忽略padding,相对位置为相对定位容器的左上角内边框,

 

posted @ 2017-06-12 20:15  Candice&Gladys  阅读(211)  评论(0编辑  收藏  举报