position定位有哪些?各有什么特点?

osition属性值:position的属性值共有四个常用我们在布局上经常会用到的相对定位和绝对定位常用的属性top、bottom、left、right或者 z-index 声明在position为static的情况下无效。

特点:absoluteabsolute fixed改display属性blockk

1)块状元素在position(relative/static)的情况下width为100%,但是设置了position: absolute之后,会将width变成auto(会受到父元素的宽度影响)。

2)元素设置了position:absolute之后,如果没有设置top、bottom、left、right属性的话,浏览器会默认设置成auto,而auto的值则是该元素的“默认位置”。即设置position: absolute前后的offsetTop和offsetLeft属性值不变。
1.会改变行内元素的呈现模式,使display之变更为block。

2.会让元素脱离普通流,不占据空间。

3.默认会覆盖到非定位元素上。

    原文作者:cathrine
    原文地址: https://segmentfault.com/a/1190000019754932
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞