您的位置:首页 > 其它

position:relative|absolute|fixed:各自的特性

2016-09-16 17:39 302 查看
☆position:relative;  

  1、不影响元素本身的特性;

  2、不使元素脱离文档流(元素移动之后原始位置会被保留);

  3、如果没有定位偏移量,对元素本身没有任何影响;

  4、提升层级

☆position:absolute;  

  1、使元素完全脱离文档流;

  2、使内嵌支持宽高;

  3、块属性标签内容撑开宽度;

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

  5、相对定位一般都是配合绝对定位元素使用;

  6、提升层级

☆position:fixed: 

    与绝对定位的特性基本一致,差别是:始终相对整个文档进行定位;

    (IE6不支持固定定位;)

<mark>妙味课堂</mark>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  position