-
fixed定位總結(jié)。查看全部
-
absolute和fixed的不同點2查看全部
-
absolute和fixed的不同點查看全部
-
absolute與fixed相同點查看全部
-
1.position 定位擁有 5 種形式:absolute、fixed、relative、static和inherit。 2.fixed定位和absolute定位都是絕對定位。查看全部
-
position屬性值查看全部
-
fixed定位查看全部
-
0、標準文檔流中,margin重合時會取較大那個。margin重合只出現(xiàn)在上下方向,左右沒有(左右塊元素的margin是疊加)。 1、外邊距合并指的是,當兩個垂直外邊距相遇時,它們將形成一個外邊距。合并后的外邊距的高度等于兩個發(fā)生合并的外邊距的高度中的較大者。 2、當一個元素出現(xiàn)在另一個元素上面時,第一個元素的下外邊距與第二個元素的上外邊距會發(fā)生合并。 3、當一個元素包含在另一個元素中時(假設(shè)沒有內(nèi)邊距或邊框把外邊距分隔開),它們的上/下外邊距也會發(fā)生合并。 4、元素設(shè)置{position: fixed; }或{position: absolute; }之后,就會脫離標準文檔流,即其后的標準文檔流元素{position: relative;}或默認的{position: static;}會按正常標準文檔流來排版(忽視絕對定位的元素)查看全部
-
fixed定位查看全部
-
position:fixed; right:30px;bottom:50px;查看全部
-
fixed 定位:完全脫離文檔流 特點--位置固定不變 兄弟元素可以從其下穿過 未設(shè)置偏移量 有已定位的祖先元素 以祖先元素為基準定位 無已定位的祖先元素 以瀏覽器窗口為基準定位 有設(shè)置偏移量時 ,有、無已定位的祖先元素,都是以瀏覽器的窗口作為參照基準 實現(xiàn)頂部固定層: #top---position:fixed ;top:0;left:0; #mainbody---margin-top:(#top高度+原有間距)px查看全部
-
什么時候該設(shè)置偏移量? 在對元素設(shè)置固定定位時,如果希望本元素包含起父包含塊中,不需要對其設(shè)置偏移量。 {position: fixed;}沒有設(shè)置偏移量的方向依然會保持在父包含塊。 也就是說: 在其沒有設(shè)置偏移量的時候,偏移量參數(shù)值默認為當前fixed的元素與瀏覽器可視窗口的偏移數(shù)值! 同理,對于{position: absolute;}的元素也是一個道理,沒有設(shè)置的偏移量數(shù)值默認為當前其相對與最近的有{position: relative;}的祖先元素的偏移數(shù)值!查看全部
-
absolute 設(shè)置偏移量時,偏移參照基準: 1.無已定位祖先元素,以<html>為參照基準 2.有已定位的祖先元素 以距其最近的,已定位的祖先元素為基準偏移。 fixed 設(shè)置偏移量時的參照基準 有無已經(jīng)定位的祖先元素 ,都以瀏覽器可視窗口為基準。 absolute定位: 位置會隨滾動條變化 fixed定位: 位置不會隨滾動條變化,i被他遮蓋的元素 可以從他下面穿過查看全部
-
absolute定位: 位置會隨滾動條變化 fixed定位: 1.位置固定,不會隨滾動條變化查看全部
-
固定層效果:實例:淘寶網(wǎng) 、QQ空間等 掌握基礎(chǔ)知識: 1.position屬性,又稱position定位,有3種形式的定位:靜態(tài)定位、相對定位、絕對定位。 影響因素: 1.屬性的取值,2.元素偏移量,3.元素偏移參照基準 position有三種形式的定位:靜態(tài)定位 相對定位 絕對定位(absolute fixed) position屬性值:static-靜態(tài)定位, relative-相對定位,absolute-絕對定位,fixed-固定定位。 絕對定位特點【absolute與fixed同屬于絕對定位】:完全脫離標準文檔流,兄弟元素不再受其影響查看全部
舉報
0/150
提交
取消