定位

整理自慕课网  http://www.imooc.com/learn/55

absolute与fixed相同点:

  1.完全脱离标准文档流

  2.未设置偏移量时,都定位在父元素的左上角

    偏移量——元素设置定位(绝对或相对)后就具有偏移属性和堆叠属性(z-index)

absolute与fixed不同点:

1.设置偏移量时,偏移参照基准不同

absolute

——无已定位祖先元素,以<html>为基准偏移

——有已定位祖先元素,以距其最近的、已定位的祖先元素为基准偏移

fixed

——有、无已定位祖先元素,都以浏览器可视窗口为基准偏移

2.表现形式(产生滚动条时)

  absolute

    ——位置会随滚动条变化

  fixed

    ——位置固定,不会随滚动条变化

    ——被他遮盖的元素,可以从其下穿过

 

在对元素设置固定定位/绝对定位时,如果希望本元素包含其父包含块中,不需要对其设置偏移量。

原文地址:https://www.cnblogs.com/carolineshen/p/5182246.html