-
固定層效果: margin屬性的重疊:當在標準文檔流中,兩個元素,一個是上外邊距和上外邊距,或者上外邊距和下外邊距有相遇的時候,而且必須是在縱向,左右方向是不會發(fā)生重疊的,只有上下方向會發(fā)生重疊。這個時候,body標簽在這個標準文檔流之中,mainbody元素也在標準文檔流之中,它們兩相遇之后,其中有一個設置了上外填充,那么這個時候,它們兩的邊距就發(fā)生了重合。重合的取值會取外填充或者上外填充,或者下外填充值較大的那一個。 如果發(fā)生重疊,要想設置了絕對定位為fixed的值固定在可視窗口的最頂端,可設置它的top:0px.最底端:bottom:0px; 元素設置{position: fixed; }或{position: absolute; }之后,會脫離標準文檔流,也就是說,其后的標準文檔流元素{position: relative;}或默認的{position: static;}會按正常標準文檔流來排版(忽視絕對定位的元素)查看全部
-
頂部固定定位: #top position:fixed; //top:0;left:0; #mainbody margin-top:(#top高度+原有間距)px;查看全部
-
top:0;挨著瀏覽器窗口.查看全部
-
position屬性包括: 1.靜態(tài)定位=>static 2.相對定位=>relative 3.絕對定位=>absolute 包括固定定位=>fixed(重點)查看全部
-
頂部固定層查看全部
-
absolute與fixed的不同點: 【absolute 就近原則】:位置會隨滾動條變化 1、有已定位的祖先元素,以距其最近的、已定位的祖先元素為基準偏移 2、無已定位的祖先元素,就以<html>為基準 【fixed】 無論有無已定位祖先元素,都以瀏覽器的可視化窗口為基準:不隨滾動條變化 被它遮蓋的元素,可以從其下穿過查看全部
-
固定層效果: absolute和fixed相同點: 1.完全脫離標準文檔流 2.未設置偏移量時,都定位在父元素的左上角。 *偏移量——元素設置定位(絕對/相對)后,就具有偏移屬性和堆疊屬性(z-index)查看全部
-
固定層效果:一般用在信息量較大的網(wǎng)頁,例如QQ空間,微博,淘寶網(wǎng) 用到的:position屬性:fixed(固定定位) 絕對定位的特點:完全脫離標準文檔流,兄弟元素不再受其影響 1.position定位有三種形式的定位:靜態(tài)定位、相對定位、絕對定位、固定定位,其中,固定定位其實是絕對定位,只不過absolute定位和fixed定位的表現(xiàn)形式不同。 2.position定位受到多方面的影響: (1)屬性的取值:static、relative、absolute、fixed (2)元素的偏移量 (3)元素偏移參照基準查看全部
-
absolute與fixed的不同點: 【absolute 就近原則】 1、有已定位的祖先元素,以距其最近的、已定位的祖先元素為基準偏移 2、無已定位的祖先元素,就以<html>為基準 【fixed】 無論有無已定位祖先元素,都以瀏覽器的可視化窗口為基準:不隨滾動條變化。查看全部
-
absolute和fixed相同點: 1.完全脫離標準文檔流 2.未設置偏移量時,都定位在父元素的左上角。 *偏移量——元素設置定位(絕對/相對)后,就具有偏移屬性和堆疊屬性(z-index)查看全部
-
absolution和fixed的不同查看全部
-
absolution和fixed的區(qū)別查看全部
-
absolute和fixed相同點: 1.完全脫離標準文檔流 2.未設置偏移量時,都定位在父元素的左上角。 *偏移量——元素設置定位(絕對/相對)后,就具有偏移屬性和堆疊屬性(z-index)查看全部
-
。。。查看全部
-
fixed定位:被他遮蓋的元素可以從其下穿過查看全部
舉報
0/150
提交
取消