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

26次阅读

共计 457 个字符,预计需要花费 2 分钟才能阅读完成。

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. 默认会覆盖到非定位元素上。

正文完
 0