fixed定位:設(shè)置了偏移量,無論有無已定位祖先元素,均已瀏覽器窗口為基準(zhǔn)偏移參照。
absolute定位:設(shè)置了偏移變量,有已定位祖先元素,則以距離最近的已定位祖先元素為基準(zhǔn)偏移參照;無已定位祖先元素,則以瀏覽器窗口為基準(zhǔn)偏移參照。
fixed、absolute定位:未設(shè)置偏移量,無論有無已定位祖先元素,均已距離最近的祖先元素為基準(zhǔn)偏移參照
absolute定位:設(shè)置了偏移變量,有已定位祖先元素,則以距離最近的已定位祖先元素為基準(zhǔn)偏移參照;無已定位祖先元素,則以瀏覽器窗口為基準(zhǔn)偏移參照。
fixed、absolute定位:未設(shè)置偏移量,無論有無已定位祖先元素,均已距離最近的祖先元素為基準(zhǔn)偏移參照
2015-09-23
什么時(shí)候該設(shè)置偏移量?
在對元素設(shè)置固定定位時(shí),如果希望本元素包含起父包含塊中,不需要對其設(shè)置偏移量。
{position: fixed;}沒有設(shè)置偏移量的方向依然會保持在父包含塊。
也就是說:
在其沒有設(shè)置偏移量的時(shí)候,偏移量參數(shù)值默認(rèn)為當(dāng)前fixed的元素與瀏覽器可視窗口的偏移數(shù)值!
同理,對于{position: absolute;}的元素也是一個(gè)道理,沒有設(shè)置的偏移量數(shù)值默認(rèn)為當(dāng)前其相對與最近的有{position: relative;}的祖先元素的偏移數(shù)值!
在對元素設(shè)置固定定位時(shí),如果希望本元素包含起父包含塊中,不需要對其設(shè)置偏移量。
{position: fixed;}沒有設(shè)置偏移量的方向依然會保持在父包含塊。
也就是說:
在其沒有設(shè)置偏移量的時(shí)候,偏移量參數(shù)值默認(rèn)為當(dāng)前fixed的元素與瀏覽器可視窗口的偏移數(shù)值!
同理,對于{position: absolute;}的元素也是一個(gè)道理,沒有設(shè)置的偏移量數(shù)值默認(rèn)為當(dāng)前其相對與最近的有{position: relative;}的祖先元素的偏移數(shù)值!
2015-09-23
absolute與fixed的相同點(diǎn):
第一:完全脫離標(biāo)準(zhǔn)文檔流;
第二:未設(shè)置偏移量時(shí),都定位在父元素的左上角;(偏移量---元素設(shè)置定位(絕對或相對)后就具有偏移屬性和堆疊屬性(Z-index))
第一:完全脫離標(biāo)準(zhǔn)文檔流;
第二:未設(shè)置偏移量時(shí),都定位在父元素的左上角;(偏移量---元素設(shè)置定位(絕對或相對)后就具有偏移屬性和堆疊屬性(Z-index))
2015-09-23
absolute與fixed的相同點(diǎn):
第一:完全脫離標(biāo)準(zhǔn)文檔流;
第二:未設(shè)置偏移量時(shí),都定位在父元素的左上角;(偏移量---元素設(shè)置定位(絕對或相對)后就具有偏移屬性和堆疊屬性(Z-index))
第一:完全脫離標(biāo)準(zhǔn)文檔流;
第二:未設(shè)置偏移量時(shí),都定位在父元素的左上角;(偏移量---元素設(shè)置定位(絕對或相對)后就具有偏移屬性和堆疊屬性(Z-index))
2015-09-23
position 定位擁有 5 種形式:absolute、fixed、relative、static和inherit。 fixed定位和absolute定位都是絕對定位。相對定位的元素沒有完全脫離了標(biāo)準(zhǔn)文檔流,
2015-09-18
其實(shí),
未設(shè)置偏移量時(shí),無論其父元素是否已定位,都是顯示在父元素左上角;
設(shè)置偏移量后,無論其父元素是否已定位,都是以瀏覽器窗口為基準(zhǔn)定位。
未設(shè)置偏移量時(shí),無論其父元素是否已定位,都是顯示在父元素左上角;
設(shè)置偏移量后,無論其父元素是否已定位,都是以瀏覽器窗口為基準(zhǔn)定位。
2015-09-10