應(yīng)該是這樣的吧:一、未設(shè)置偏移量時,absolute和fixed都以當前位置為基準(不是父元素左上角,可以試試在該元素前加點文字試試);二、設(shè)置偏移量時:1、無定位屬性的祖先元素:absolute以當前瀏覽器窗口為基準,fixed以瀏覽器窗口為基準;2、有定位屬性祖先元素:absolute以有定位屬性的祖先元素為基準,fixed以瀏覽器窗口為基準。
2015-10-17
got to say it's fairly excellent. Very clear and logical. A thousand thx
2015-10-02
fixed定位:設(shè)置了偏移量,無論有無已定位祖先元素,均已瀏覽器窗口為基準偏移參照。
absolute定位:設(shè)置了偏移變量,有已定位祖先元素,則以距離最近的已定位祖先元素為基準偏移參照;無已定位祖先元素,則以瀏覽器窗口為基準偏移參照。
fixed、absolute定位:未設(shè)置偏移量,無論有無已定位祖先元素,均已距離最近的祖先元素為基準偏移參照
absolute定位:設(shè)置了偏移變量,有已定位祖先元素,則以距離最近的已定位祖先元素為基準偏移參照;無已定位祖先元素,則以瀏覽器窗口為基準偏移參照。
fixed、absolute定位:未設(shè)置偏移量,無論有無已定位祖先元素,均已距離最近的祖先元素為基準偏移參照
2015-09-23
什么時候該設(shè)置偏移量?
在對元素設(shè)置固定定位時,如果希望本元素包含起父包含塊中,不需要對其設(shè)置偏移量。
{position: fixed;}沒有設(shè)置偏移量的方向依然會保持在父包含塊。
也就是說:
在其沒有設(shè)置偏移量的時候,偏移量參數(shù)值默認為當前fixed的元素與瀏覽器可視窗口的偏移數(shù)值!
同理,對于{position: absolute;}的元素也是一個道理,沒有設(shè)置的偏移量數(shù)值默認為當前其相對與最近的有{position: relative;}的祖先元素的偏移數(shù)值!
在對元素設(shè)置固定定位時,如果希望本元素包含起父包含塊中,不需要對其設(shè)置偏移量。
{position: fixed;}沒有設(shè)置偏移量的方向依然會保持在父包含塊。
也就是說:
在其沒有設(shè)置偏移量的時候,偏移量參數(shù)值默認為當前fixed的元素與瀏覽器可視窗口的偏移數(shù)值!
同理,對于{position: absolute;}的元素也是一個道理,沒有設(shè)置的偏移量數(shù)值默認為當前其相對與最近的有{position: relative;}的祖先元素的偏移數(shù)值!
2015-09-23