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