-
1.position屬性,又稱position定位,有3種形式的定位:靜態(tài)定位、相對(duì)定位、絕對(duì)定位。 影響因素: 1.屬性的取值,2.元素偏移量,3.元素偏移參照基準(zhǔn) position屬性值:static-靜態(tài)定位, relative-相對(duì)定位,absolute-絕對(duì)定位,fixed-固定定位。 絕對(duì)定位特點(diǎn)【absolute與fixed同屬于絕對(duì)定位】:完全脫離標(biāo)準(zhǔn)文檔流,兄弟元素不再受其影響 fixed固定定位,固定層效果實(shí)現(xiàn),應(yīng)用于信息量較大的網(wǎng)站,淘寶網(wǎng)查看全部
-
案例實(shí)現(xiàn)關(guān)鍵 頂部固定層 #top----position:fixed;top:0;left:0; #mainbody----margin-top:(#top高度+原有間距)px查看全部
-
在對(duì)元素設(shè)置固定定位時(shí)候,如果希望本元素包含其父包含塊中,不需要對(duì)其設(shè)置(left,top,right,bottom)偏移量查看全部
-
absolute與fixed相同點(diǎn)<br> 第一 完全脫離標(biāo)準(zhǔn)文檔流<br> 第二 未設(shè)置偏移量時(shí),都定位在父元素的左上角<br> 偏移量 元素設(shè)置定位(絕對(duì)或相對(duì))后就具有偏移屬性和堆疊屬性(z-index)<br> absolute與fixed的不同點(diǎn) 表現(xiàn)形式(產(chǎn)生滾動(dòng)條時(shí)) absolute:位置會(huì)隨滾動(dòng)條變化 fixed:1.位置固定,不會(huì)隨滾動(dòng)條變化 2.被他遮蓋的元素,可以從其下面穿過(guò) 設(shè)置偏移量時(shí),偏移參照基準(zhǔn)<br> absolute:<br> 1、無(wú)已定位祖先元素,以<html>為基準(zhǔn)偏移<br> 2、有已定位祖先元素,以距其最近、已定位的祖先元素為基準(zhǔn)偏移<br> fixed:<br> 1、有、無(wú)已定位祖先元素都以瀏覽器可視窗口為基準(zhǔn)偏移<br> <br> 表現(xiàn)形式(產(chǎn)生滾動(dòng)條時(shí))<br> absolute<br> 位置會(huì)隨滾動(dòng)條變化<br> fixed<br> 1、位置固定,不隨滾動(dòng)條變化<br> 2、被他遮蓋的元素,可從其下穿過(guò)查看全部
-
fixed定位: 1、不設(shè)置偏移量: 如果祖先元素已經(jīng)定位,則以祖先元素為參照; 如果祖先元素沒(méi)有定位,則以瀏覽器窗口為參照。 2、設(shè)置偏移量后: 無(wú)論祖先元素是否定位,都已瀏覽器可視窗口為基準(zhǔn)定位 [ 收起全文 ]查看全部
-
fixed定位查看全部
-
絕對(duì)定位absolute與fixed的不同點(diǎn)查看全部
-
absolute與fixed相同點(diǎn) 第一 完全脫離標(biāo)準(zhǔn)文檔流 第二 未設(shè)置偏移量時(shí),都定位在父元素的左上角 偏移量 元素設(shè)置定位(絕對(duì)或相對(duì))后就具有偏移屬性和堆疊屬性(z-index)查看全部
-
position屬性又稱position定位,有3種形式的定位:<br> 1.靜態(tài)定位 static<br> 2.相對(duì)定位 ralative<br> 3.絕對(duì)定位 absolute——絕對(duì)定位 fixed——固定定位<br> <br> 絕對(duì)定位特點(diǎn):完全脫離標(biāo)準(zhǔn)文檔流,兄弟元素不再受其影響<br> <br> 影響因素:<br> 1.屬性的取值<br> 2.元素偏移量<br> 3.元素偏移參照基準(zhǔn) fixed固定定位,固定層效果實(shí)現(xiàn),應(yīng)用于信息量較大的網(wǎng)站,淘寶網(wǎng)查看全部
-
Fixed定位查看全部
-
margin:重合查看全部
-
在對(duì)元素設(shè)置固定定位時(shí)候,如果希望本元素包含其父包含塊中,不需要對(duì)其設(shè)置(left,top,right,bottom)偏移量查看全部
-
設(shè)置偏移量時(shí),偏移參照基準(zhǔn) absolute: 1、無(wú)已定位祖先元素,以<html>為基準(zhǔn)偏移 2、有已定位祖先元素,以距其最近、已定位的祖先元素為基準(zhǔn)偏移 fixed: 1、有、無(wú)已定位祖先元素都以瀏覽器可視窗口為基準(zhǔn)偏移 表現(xiàn)形式(產(chǎn)生滾動(dòng)條時(shí)) absolute 位置會(huì)隨滾動(dòng)條變化 fixed 1、位置固定,不隨滾動(dòng)條變化 2、被他遮蓋的元素,可從其下穿過(guò)查看全部
-
absolute與fixed相同點(diǎn) 第一 完全脫離標(biāo)準(zhǔn)文檔流 第二 未設(shè)置偏移量時(shí),都定位在父元素的左上角 偏移量 元素設(shè)置定位(絕對(duì)或相對(duì))后就具有偏移屬性和堆疊屬性(z-index)查看全部
-
position屬性又稱position定位,有3種形式的定位:<br> 1.靜態(tài)定位 static<br> 2.相對(duì)定位 ralative<br> 3.絕對(duì)定位 absolute——絕對(duì)定位 fixed——固定定位<br> <br> 絕對(duì)定位特點(diǎn):完全脫離標(biāo)準(zhǔn)文檔流,兄弟元素不再受其影響<br> <br> 影響因素:<br> 1.屬性的取值<br> 2.元素偏移量<br> 3.元素偏移參照基準(zhǔn) fixed固定定位,固定層效果實(shí)現(xiàn),應(yīng)用于信息量較大的網(wǎng)站,淘寶網(wǎng)查看全部
舉報(bào)
0/150
提交
取消