定位(position)

固定定位(fixed)

1.脱离文档流,提升层级

2.元素的宽高默认由内容撑开

3.margin左右auto失效

4.内部元素有浮动时,不用清浮动

5.固定定位是相对于window来定位的

6.left,right,top,bottom的优先级是

                left>right

                top>bottom

如果元素没有设置width和height那么,left,right,top,bottom同时有效 

 

相对定位(relative)相对定位的特征

1.不会脱离文档流

2.提升层级

3.margin的左右auto不会失效

4.相对于自身没有移动前的位置进行定位

5.更多时候,position:relative;的出现是为了配合子元素的position:absolute;使用的

6.内部元素有浮动元素时,不用清浮动

 

绝对定位(absolute)特征:

1.宽度默认由内容撑开

2.脱离文档流

3.提升层级

4.内部元素有浮动元素,不用清浮动

5.margin的auto会在left,right,top,bottom所限制的势力范围内水平和垂直双居中