問題描述

誰能夠系統地總結一下三種定位模式的區別呢？萬分感謝

問題解答

誰能夠系統地總結一下三種定位模式的區別呢？萬分感謝-PHP中文網問答-誰能夠系統地總結一下三種定位模式的區別呢？萬分感謝-PHP中文網問答

圍觀一下哦，學習一下。

position定位值共有五種：

1.static，默認值。沒有定位，元素出現在正常的流中（忽略 top, bottom, left, right 或者 z-index 聲明）。

2.inherit，規定應該從父元素繼承 position 屬性的值。

3.absolute，生成絕對定位的元素，相對于 static 定位以外的第一個父元素進行定位。元素的位置通過 "left", "top", "right" 以及 "bottom" 屬性進行規定。

4.fixed，生成絕對定位的元素，相對于瀏覽器窗口進行定位。元素的位置通過 "left", "top", "right" 以及 "bottom" 屬性進行規定。

5.relative，生成相對定位的元素，相對于其正常位置進行定位。因此，"left:20" 會向元素的 LEFT 位置添加 20 像素。