定位

1、position:relative  相对定位

特点:

     1)不影响元素本身的特性;
     2)不使元素脱离文档流(元素移动之后原始位置会被保留);
     3)如果没有定位偏移量,对元素本身没有任何影响;
     4)提升层级。

注:定位元素位置控制:top/right/bottom/left  定位元素偏移量

2、position:absolute  绝对定位

特点:

     1)使元素完全脱离文档流;
     2)使内嵌支持宽高;
     3)块属性标签内容撑开宽度;

     4)如果有定位父级相对于定位父级发生偏移,没有定位父级相对于document发生偏移;

     5)相对定位一般都是配合绝对定位元素使用;
     6)提升层级

posted on 2017-12-23 21:16  cm笔记簿  阅读(201)  评论(0编辑  收藏  举报

导航