position有哪些属性

static:默认值,不脱离文档流,top、bottom、right、left等属性不生效

absolute:(绝对定位):脱离文档流,不占据空间,根据父元素的reactive定位,如果找不到父级的reactive,就会相对于浏览器窗口进行定位。

reactive:(相对定位)不脱离文档流,左右margin 为auto时有效。

fixed:(固定定位)会脱离文档流,相对于浏览器窗口定位,当绝对定位和固定定位都是相对于浏览器窗口的区别:当出现滚动条是,固定定位的位置不会随着滚动条发生改变,绝对定位会随着滚动条滚动而改变位置。

猜你喜欢

转载自blog.csdn.net/qq_37489791/article/details/131891075
今日推荐