在布局中很重要的一点便是定位,需要准确的把元素传递到相应的位置上去.

static定位

  • 默认的定位方式,即相对于前面的一个兄弟元素或者父元素而进行定位
  • 后一个元素同使用此定位方式会在自身元素设置的影响之下进行

relative定位

  • 相对定位是相对正常文档流中的前一个兄弟元素而言的定位.
  • 只会影响到自身元素,不会影响到下一个元素
  • 下一个元素的定位是开始于自身元素在正常文档流(没有额外设置样式)的位置

absolute定位

  • 绝对定位是相对于除static定位以外的父元素进行定位
  • 若父元素没有设置定位属性(默认即static定位),那么absolute会把浏览器窗口作为参考而进行定位

fixed定位

  • fixed是相对于浏览器窗口的定位
  • 一旦确定了位置,在屏幕上的位置便不会随着窗口的滑动而改变