-
頂部定位固定層：position:fixed;top:0;left:0;查看全部
-
position:fixed; 固定層效果定位查看全部
-
Relative與Absolute組合使用 1、參照定位的元素必須是相對定位元素的前輩元素; 2、參照定位的元素必須加入position:relative; 3、定位元素加入position:absolute，便可以使用top、bottom、left、right來進(jìn)行偏移定位了。 *4.必須設(shè)置偏移量才能讓設(shè)置absolute的塊依照relative的塊進(jìn)行偏移，不設(shè)置偏移量的話ababsolute的塊依然附著在其父元素的左上角。查看全部
-
fixed定位 定位形式——絕對定位 特點(diǎn)——位置固定不變，兄弟元素會從其下穿過， 未設(shè)置偏移量： 有已定位祖先元素，以祖先元素為基準(zhǔn)定位 無已定位祖先元素，以瀏覽器窗口為基準(zhǔn)定位 設(shè)置偏移量，有、無已定位祖先元素，均已瀏覽器窗口為基準(zhǔn)偏移。 頂部固定層 #top----position：fixed； top：0； left：0； #mainbody----margin-top：（#top高度+原有間距）px查看全部
-
absolute與fixed的相同點(diǎn)： 第一：完全脫離標(biāo)準(zhǔn)文檔流； 第二：未設(shè)置偏移量時，都定位在父元素的左上角；（偏移量---元素設(shè)置定位（絕對或相對）后就具有偏移屬性和堆疊屬性（Z-index））查看全部
-
absolute與fixed相同點(diǎn) 第一，完全脫離標(biāo)準(zhǔn)文檔流 第二，未設(shè)置偏移量時，都定位在父元素的左上角, 偏移量————元素設(shè)置定位（絕對或相對）后就具有偏移屬性和堆疊屬性（z-index）查看全部
-
Position屬性值： 1、static——靜態(tài)定位； 2、relative——相對定位； 3、absolute——絕對定位；（特點(diǎn)：完全脫離標(biāo)準(zhǔn)文檔流，兄弟元素不再受其影響） 4、fixed——固定定位；查看全部
-
position有四個屬性值查看全部
-
fixed定位 定位形式——絕對定位 特點(diǎn)——位置固定不變，兄弟元素會從其下穿過， 未設(shè)置偏移量： 有已定位祖先元素，以祖先元素為基準(zhǔn)定位 無已定位祖先元素，以瀏覽器窗口為基準(zhǔn)定位 設(shè)置偏移量，有、無已定位祖先元素，均已瀏覽器窗口為基準(zhǔn)偏移。 頂部固定層 #top----position：fixed； top：0； left：0； #mainbody----margin-top：（#top高度+原有間距）px查看全部
-
什么時候該設(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ù)值！查看全部
-
abosolute與fixed的不同點(diǎn) 設(shè)置偏移量時，偏移參照基準(zhǔn) absolute 1.無已定位祖先元素，以<html>為基準(zhǔn)偏移 2.有已定位祖先元素，以距其最近的、已定位的祖先元素為基準(zhǔn)偏移 fixed 1.有、無已定位祖先元素，都以瀏覽器可視窗口為基本偏移 表現(xiàn)不同點(diǎn)： absolute 1，會隨滾動條變化 fixed 1，位置固定，不會隨滾動條變化 2，被他遮蓋的元素，可以從其下穿過查看全部
-
absolute與fixed的不同查看全部
-
absolute與fixed相同點(diǎn) 第一，完全脫離標(biāo)準(zhǔn)文檔流 第二，未設(shè)置偏移量時，都定位在父元素的左上角，“離它最近的父元素” 偏移量————元素設(shè)置定位（絕對或相對）后 就具有偏移屬性和堆疊屬性（z-index） 2.在沒有設(shè)置定位形式的時候，它會在頁面垂直排列的，在左上角顯示 3.在游覽器中顯示會有一個默認(rèn)的margin 和padding值 不同點(diǎn)： absolute 1，會隨滾動條變化 fixed 1，位置固定，不會隨滾動條變化 2，被他遮蓋的元素，可以從其下穿過查看全部
-
absolute與fixed的相同點(diǎn)查看全部
-
固定層效果：實(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-固定定位。 絕對定位特點(diǎn)【absolute與fixed同屬于絕對定位】：完全脫離標(biāo)準(zhǔn)文檔流，兄弟元素不再受其影響查看全部
舉報
0/150
提交
取消