-
absolute與fixed相同點(diǎn) 第一，完全脫離標(biāo)準(zhǔn)文檔流 第二，未設(shè)置偏移量時(shí)，都定位在父元素的左上角，“離它最近的父元素” 偏移量————元素設(shè)置定位（絕對(duì)或相對(duì)）后 就具有偏移屬性和堆疊屬性（z-index） 2.在沒有設(shè)置定位形式的時(shí)候，它會(huì)在頁面垂直排列的，在左上角顯示 3.在游覽器中顯示會(huì)有一個(gè)默認(rèn)的margin 和padding值 不同點(diǎn)： absolute 1，會(huì)隨滾動(dòng)條變化 fixed 1，位置固定，不會(huì)隨滾動(dòng)條變化 2，被他遮蓋的元素，可以從其下穿過查看全部
-
position 定位擁有 5 種形式：absolute、fixed、relative、static和inherit。 fixed定位和absolute定位都是絕對(duì)定位查看全部
-
1.position屬性,又稱position定位,有3種形式的定位：靜態(tài)定位、相對(duì)定位、絕對(duì)定位。 影響因素： 1.屬性的取值，2.元素偏移量，3.元素偏移參照基準(zhǔn) position有三種形式的定位：靜態(tài)定位 相對(duì)定位 絕對(duì)定位（absolute fixed） position屬性值：static-靜態(tài)定位， relative-相對(duì)定位，absolute-絕對(duì)定位，fixed-固定定位。 絕對(duì)定位特點(diǎn)【absolute與fixed同屬于絕對(duì)定位】：完全脫離標(biāo)準(zhǔn)文檔流，兄弟元素不再受其影響查看全部
-
固定定位查看全部
-
absolute和fixed的區(qū)別 設(shè)置偏移量時(shí)，偏移參照基準(zhǔn)： absolute： 1.無已定位祖先元素，以<html>為基準(zhǔn)偏移； 2.有已定位祖先元素，以距其最近的、已定位的祖先元素為基準(zhǔn)偏移。 fixed： 1.有、無已定位祖先元素，都以瀏覽器可視窗口為基準(zhǔn)偏移。 另：absolute位置隨滾動(dòng)條變化； fixed位置不隨滾動(dòng)條變化，被它遮蓋的元素會(huì)從其下方穿過。查看全部
-
fixed定位，如果希望包含在父包含塊中，則不需要設(shè)置偏移量查看全部
-
1.由于給top選擇器設(shè)置fixed固定定位時(shí)，(top層已經(jīng)脫離了標(biāo)準(zhǔn)文檔流)沒有對(duì)其設(shè)置偏移量，以其父包裹層(此處為<body>)定位，（當(dāng)top選擇器fixed固定定位設(shè)置了偏移量時(shí)，則top層的位置將以<html>為包裹層按照所設(shè)置的偏移量的位置定位），而其父包裹層body的margin與mainbody的上margin值發(fā)生了重疊，（此時(shí)的body與mainbody屬于標(biāo)準(zhǔn)文檔流）mainbody的上margin值大于body的margin值，選擇了mainbody的上margin值20px（同一水平面中上下margin發(fā)生重疊時(shí)選擇margin值大的那個(gè).ps:左右margine不會(huì)發(fā)生重疊）所以body下移20px；top層又以body層定位，從而導(dǎo)致了top層與瀏覽器可視窗口產(chǎn)生了距離。為了保持top層與瀏覽器窗口緊挨著，則需對(duì)top層的固定定位設(shè)置偏移量top:0； 2.第一步對(duì)top層設(shè)置偏移量后top層緊隨其后的兄弟元素會(huì)占據(jù)其原來的位置，所以mainbody層上移占據(jù)原來top層的位置。導(dǎo)致原來top層與mainbody層20px的間距沒有了。在mainbody層的上外填充加上一定的高度就可以解決了。查看全部
-
什么時(shí)候該設(shè)置偏移量？ 在對(duì)元素設(shè)置固定定位時(shí)，如果希望本元素包含起父包含塊中，不需要對(duì)其設(shè)置偏移量。 {position: fixed;}沒有設(shè)置偏移量的方向依然會(huì)保持以其父包含塊作為參考包裹層進(jìn)行定位。 也就是說： {position: fixed;top:0}時(shí),元素的上下方向以<html>為參考包裹層進(jìn)行定位,而沒有進(jìn)行設(shè)置的左右方向?qū)⑷匀灰云涓赴瑝K作為參考包裹層進(jìn)行定位。 同理，對(duì)于{position: absolute;}的元素也是一個(gè)道理，沒有設(shè)置偏移量的方向依然會(huì)保持以其父包含塊作為參考包裹層定位。 設(shè)置偏移量的方向?qū)⒁宰罱挠卸ㄎ坏?position: static;不算定位,因?yàn)閟tatic是默認(rèn)值){position: relative/fixed/absolute;}祖先元素作為參考包裹層進(jìn)行定位.查看全部
-
position 定位擁有 5 種形式：absolute、fixed、relative、static和inherit。查看全部
-
在對(duì)元素設(shè)置固定定位時(shí)，如果希望本元素包含其父包含塊中，不需要對(duì)其設(shè)置偏移量查看全部
-
absolute和fixed的不同點(diǎn) 設(shè)置偏移量時(shí)，偏移參照基準(zhǔn)： absolute： 1.無已定位祖先元素，以<html>為基準(zhǔn)偏移 2.有已定位祖先元素，以距其最近的，已定位的祖先元素為基準(zhǔn)偏移 fixed： 1.有，無已定位祖先元素，都以瀏覽器可視窗口為基準(zhǔn)偏移查看全部
-
absolute與fixed的相同點(diǎn)： 1.完全脫離標(biāo)準(zhǔn)文檔流 2.未設(shè)置偏移量時(shí)，都定位在父元素的左上角 偏移量---元素設(shè)置定位（絕對(duì)或者相對(duì)）后，就具有偏移屬性和堆疊屬性（z-index）查看全部
-
任務(wù)1:margin：0 auto； 任務(wù)2:position：fixed；top:0; 任務(wù)3:margin-top：63px；(因?yàn)閠op的border只有bottom一條邊為1px,top自身height為42px) 所以:42+1+20=63px查看全部
-
頂端固定設(shè)置實(shí)現(xiàn)的關(guān)鍵點(diǎn)：查看全部
-
fixed定位設(shè)置的分析：查看全部
舉報(bào)
0/150
提交
取消