-
absolute與fixed的不同點查看全部
-
據(jù)對定位特點查看全部
-
margin 重疊查看全部
-
固定定位查看全部
-
Fixed固定定位查看全部
-
對,只有元素在設置相對定位,或者絕對定位后,此屬性才有效,它的作用是設置元素所在的z軸層級。z-index值越大,元素層級越大。查看全部
-
絕對定位查看全部
-
fixed定位 定位形式——絕對定位 特點——位置固定不變,兄弟元素會從其下穿過, 未設置偏移量: 有已定位祖先元素,以祖先元素為基準定位 無已定位祖先元素,以瀏覽器窗口為基準定位 設置偏移量,有、無已定位祖先元素,均已瀏覽器窗口為基準偏移。 頂部固定層 #top----position:fixed; top:0; left:0; #mainbody----margin-top:(#top高度+原有間距)px查看全部
-
1.由于給top選擇器設置fixed固定定位時,(top層已經(jīng)脫離了標準文檔流)沒有對其設置偏移量,以其父包裹層定位,(當top選擇器fixed固定定位設置了偏移量時,則top層的位置按照所設置的偏移量的位置定位),而其父包裹層body的margin與mainbody的上margin值發(fā)生了重疊,(此時的body與mainbody屬于標準文檔流)mainbody的上margin值大于body的margin值,選擇了mainbody的上margin值20px(標準文檔流中上下margin發(fā)生重疊時選擇margin值大的那個)所以body下移20px;top層又以body層定位,從而導致了top層與瀏覽器可視窗口產(chǎn)生了距離。為了保持top層與瀏覽器窗口緊挨著,則需對top層的固定定位設置偏移量top:0; 2.第一步對top層設置偏移量后top層緊隨其后的兄弟元素會占據(jù)其原來的位置,所以mainbody層上移占據(jù)原來top層的位置。導致原來top層與mainbody層20px的間距沒有了。在mainbody層的上外填充加上一定的高度就可以解決了。 [ 收起全文 ]查看全部
-
什么時候該設置偏移量? 在對元素設置固定定位時,如果希望本元素包含起父包含塊中,不需要對其設置偏移量。 {position: fixed;}沒有設置偏移量的方向依然會保持在父包含塊。查看全部
-
absolute和fixed的不同點 absolute: 1,無已定位祖先元素,以<html>為基準偏移; 2,有已定位祖先元素,以距其最近的、已定位的祖先元素為基準偏移; fixed: 1,有、無已定位祖先元素,都以瀏覽器的可是窗口為基準偏移;查看全部
-
absolute與fixed相同點 1.完全脫離標準文檔流。 2.未設置偏移量時都定位在父元素的左上角。查看全部
-
掌握基礎知識: 1.position屬性,又稱position定位,有3種形式的定位:靜態(tài)定位、相對定位、絕對定位。 影響因素: 1.屬性的取值,2.元素偏移量,3.元素偏移參照基準 position有三種形式的定位:靜態(tài)定位 相對定位 絕對定位(absolute fixed) position屬性值:static-靜態(tài)定位, relative-相對定位,absolute-絕對定位,fixed-固定定位。 絕對定位特點【absolute與fixed同屬于絕對定位】:完全脫離標準文檔流,兄弟元素不再受其影響查看全部
-
fixed定位,設置偏移量時,不管有沒有祖先偏移元素,都以瀏覽器窗口為基準進行定位。查看全部
-
absolute定位,設置偏移時,如果祖先元素有已經(jīng)定位的,就距離祖先元素最近的定位,如果沒有祖先元素,則以html為基準進行偏移。查看全部
舉報
0/150
提交
取消