-
absolute和fixed區(qū)別查看全部
-
absolute與fixed相同點： 1，完全脫離標(biāo)準(zhǔn)文檔流 2， absolute： 生成絕對定位的元素，相對于 static 定位以外的第一個父元素進(jìn)行定位； fixed： 生成絕對定位的元素，相對于瀏覽器窗口進(jìn)行定位；查看全部
-
固定層效果：實例：淘寶網(wǎng) 、QQ空間等 掌握基礎(chǔ)知識： 1.position屬性,又稱position定位,有3種形式的定位：靜態(tài)定位、相對定位、絕對定位。 影響因素： 1.屬性的取值，2.元素偏移量，3.元素偏移參照基準(zhǔn) position有三種形式的定位：靜態(tài)定位 相對定位 絕對定位（absolute fixed） position屬性值：static-靜態(tài)定位， relative-相對定位，absolute-絕對定位，fixed-固定定位。 絕對定位特點【absolute與fixed同屬于絕對定位】：完全脫離標(biāo)準(zhǔn)文檔流，兄弟元素不再受其影響查看全部
-
1.由于給top選擇器設(shè)置fixed固定定位時，(top層已經(jīng)脫離了標(biāo)準(zhǔn)文檔流)沒有對其設(shè)置偏移量，以其父包裹層定位，（當(dāng)top選擇器fixed固定定位設(shè)置了偏移量時，則top層的位置按照所設(shè)置的偏移量的位置定位），而其父包裹層body的margin與mainbody的上margin值發(fā)生了重疊，（此時的body與mainbody屬于標(biāo)準(zhǔn)文檔流）mainbody的上margin值大于body的margin值，選擇了mainbody的上margin值20px（標(biāo)準(zhǔn)文檔流中上下margin發(fā)生重疊時選擇margin值大的那個）所以body下移20px；top層又以body層定位，從而導(dǎo)致了top層與瀏覽器可視窗口產(chǎn)生了距離。為了保持top層與瀏覽器窗口緊挨著，則需對top層的固定定位設(shè)置偏移量top:0； 2.第一步對top層設(shè)置偏移量后top層緊隨其后的兄弟元素會占據(jù)其原來的位置，所以mainbody層上移占據(jù)原來top層的位置。導(dǎo)致原來top層與mainbody層20px的間距沒有了。在mainbody層的上外填充加上一定的高度就可以解決了。查看全部
-
在垂直方向上，margin-top值存在重疊----也就是外邊距合并：當(dāng)兩個垂直外邊距相遇時會發(fā)生外邊距合并，合并后的外邊距的高度等于兩個外邊距中較大的外邊距值。這只發(fā)生在普通文檔流中的塊級框中，而行框、絕對定位以及浮動則不會出現(xiàn)。所以一般建議在父級元素里加margin，在子級元素里用padding。查看全部
-
absolute和fixed的不同點 absolute: 1,無已定位祖先元素，以<html>為基準(zhǔn)偏移； 2，有已定位祖先元素，以距其最近的、已定位的祖先元素為基準(zhǔn)偏移； fixed: 1,有、無已定位祖先元素，都以瀏覽器的可是窗口為基準(zhǔn)偏移；查看全部
-
頂部固定層查看全部
-
abosolute與fixed的不同點 設(shè)置偏移量時，偏移參照基準(zhǔn) absolute 1.無已定位祖先元素，以<html>為基準(zhǔn)偏移 2.有已定位祖先元素，以距其最近的、已定位的祖先元素為基準(zhǔn)偏移 fixed 1.有、無已定位祖先元素，都以瀏覽器可視窗口為基本偏移 不同點： absolute 1，會隨滾動條變化 fixed 1，位置固定，不會隨滾動條變化 2，被他遮蓋的元素，可以從其下穿過查看全部
-
固定層效果：實例：淘寶網(wǎng) 、QQ空間等 掌握基礎(chǔ)知識： 1.position屬性,又稱position定位,有3種形式的定位：靜態(tài)定位、相對定位、絕對定位。 影響因素： 1.屬性的取值，2.元素偏移量，3.元素偏移參照基準(zhǔn) position有三種形式的定位：靜態(tài)定位 相對定位 絕對定位（absolute fixed） position屬性值：static-靜態(tài)定位， relative-相對定位，absolute-絕對定位，fixed-固定定位。 絕對定位特點【absolute與fixed同屬于絕對定位】：完全脫離標(biāo)準(zhǔn)文檔流，兄弟元素不再受其影響查看全部
-
已知一 div 高 35px，緊鄰其后的 X 元素上外邊距為 15px，為該 div 設(shè)置 fixed 定位后，下列描述正確的是（） div與瀏覽器可視窗口上邊界相距15px 因為div元素設(shè)置了fixed屬性,則其就會脫離標(biāo)準(zhǔn)文檔流.然后x元素就成了在標(biāo)準(zhǔn)文檔流中緊鄰body元素的元素,隨即他們在上下邊距方向上相遇了.這就產(chǎn)生了magin重疊問題.fixed元素的邊距取兩者邊距屬性較大者,body的magin-top就隱含成了15px. 但是,這里設(shè)置了fixed的div元素并沒有設(shè)置top屬性,則其仍按父包裹層(body)的位置不動. 所以,根據(jù)以上分析,div元素 和 x元素都與瀏覽器可視窗口上邊界相距15px.查看全部
-
absolute與fixed的相同點： 完全脫離標(biāo)準(zhǔn)流。 沒有設(shè)置偏移量時在父元素左上角。 不同點： 設(shè)置偏移量時的基準(zhǔn) absolute: 1、無已經(jīng)定位的祖先元素時，以html為基準(zhǔn)偏移，隨滾動條移動而移動。 2、有已經(jīng)定位的祖先元素時，以最近的已經(jīng)定位的祖先為偏移基準(zhǔn)，隨滾動條移動而移動。 fixed： 1、有無定位的祖先元素，都是以瀏覽器的可視圖為基準(zhǔn)偏移。不隨滾動條移動，永遠(yuǎn)定位在固定的位置，滾動條移動時其他元素可從其下面上下穿過，常用于導(dǎo)航條始終在可視范圍內(nèi)時。 當(dāng)希望該元素處于父元素內(nèi)時，不設(shè)偏移量，否則會以可視窗口為基準(zhǔn)偏移。 不設(shè)偏移量時： fixed: 1、有已經(jīng)定位的祖先元素，以最近祖先為基準(zhǔn)。 2無已經(jīng)定位的祖先元素，以窗口視圖為基準(zhǔn)。查看全部
-
absolute與fixed相同點： 1，完全脫離標(biāo)準(zhǔn)文檔流 2， absolute： 生成絕對定位的元素，相對于 static 定位以外的第一個父元素進(jìn)行定位； fixed： 生成絕對定位的元素，相對于瀏覽器窗口進(jìn)行定位；查看全部
-
什么時候該設(shè)置偏移量？ 在對元素設(shè)置固定定位時，如果希望本元素包含起父包含塊中，不需要對其設(shè)置偏移量。 {position: fixed;}沒有設(shè)置偏移量的方向依然會保持在父包含塊。 也就是說： 在其沒有設(shè)置偏移量的時候，偏移量參數(shù)值默認(rèn)為當(dāng)前fixed的元素與瀏覽器可視窗口的偏移數(shù)值！ 同理，對于{position: absolute;}的元素也是一個道理，沒有設(shè)置的偏移量數(shù)值默認(rèn)為當(dāng)前其相對與最近的有{position: relative;}的祖先元素的偏移數(shù)值！查看全部
-
固定層效果：實例：淘寶網(wǎng) 、QQ空間等 掌握基礎(chǔ)知識： 1.position屬性,又稱position定位,有3種形式的定位：靜態(tài)定位、相對定位、絕對定位。 影響因素： 1.屬性的取值，2.元素偏移量，3.元素偏移參照基準(zhǔn) position有三種形式的定位：靜態(tài)定位 相對定位 絕對定位（absolute fixed） position屬性值：static-靜態(tài)定位， relative-相對定位，absolute-絕對定位，fixed-固定定位。 絕對定位特點【absolute與fixed同屬于絕對定位】：完全脫離標(biāo)準(zhǔn)文檔流，兄弟元素不再受其影響查看全部
-
fixed是否設(shè)置偏移量查看全部
舉報
0/150
提交
取消