CSS-position

206 阅读1分钟

标准流

  • 块级元素 <div>
  • 内联元素 <span> <p>

浮动

定位

position属性

通过top/right/left/bottom进行定位。

  • static(默认)按照正常标准流正常排列。
  • relative相对定位(相对左上角为原点)

后写的带有定位属性元素层级大于先写的带有定位属性元素层级

  • absolute绝对定位。仅设置absolute时,脱离正常文档流,却呈现标准文档流,网页查看看不到其存在。设置方向时,脱离正常文档流。相对网页窗口各个方向为原点。

  • fixed固定定位(对联广告、登陆弹窗)随着网页滚动一直存在,

后写的元素覆盖先写的元素

  • z-index,auto(不采纳与层级比较)/number(负值时被普通流元素覆盖)/,可设置元素叠加顺序,必须依赖定位属性,z-index大的元素会覆盖小的元素。 未设置时按顺序。