-
fixed定位查看全部
-
absolute與fixed的不同點(diǎn)查看全部
-
absolute與fixed的不同點(diǎn)查看全部
-
absolute與fixed的相同點(diǎn)查看全部
-
fixed定位查看全部
-
又是一個(gè)比較重要的基礎(chǔ)知識(shí)點(diǎn): 文檔流中,當(dāng)兩個(gè)垂直邊界(margin-top或margin-bottom)相遇時(shí),它們將形成一個(gè)邊界。這個(gè)邊界的高度等于兩個(gè)發(fā)生疊加的邊界的高度中的較大者。<br> 補(bǔ)充解決方案:<br> 1.外層padding<br> 2.透明邊框border:1pxsolidtransparent;<br> 3.絕對(duì)定位postion:absolute:<br> 4.外層DIVoverflow:hidden;<br> 5.內(nèi)層DIV 加float:left;display:inline;<br> 6.外層DIV有時(shí)會(huì)用到zoom:1;查看全部
-
什么時(shí)候該設(shè)置偏移量? 在對(duì)元素設(shè)置固定定位時(shí),如果希望本元素包含起父包含塊中,不需要對(duì)其設(shè)置偏移量。 {position: fixed;}沒有設(shè)置偏移量的方向依然會(huì)保持在父包含塊。 如果你設(shè)置了偏移量,那么會(huì)按照瀏覽器可視窗口進(jìn)行定位。查看全部
-
只有元素在設(shè)置相對(duì)定位,或者絕對(duì)定位后,此屬性才有效,它的作用是設(shè)置元素所在的z軸層級(jí)。z-index值越大,元素層級(jí)越大查看全部
-
著作權(quán)歸作者所有。 商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。 作者:丁小倪 鏈接:http://www.zhihu.com/question/19926700/answer/13483404 來源:知乎 首先,我想告訴你的是,如果父級(jí)元素是絕對(duì)定位(absolute)或者沒有設(shè)置,里面的絕對(duì)定位(absolute)自動(dòng)以body定位。這句話是錯(cuò)的。正確的是:只要父級(jí)元素設(shè)了position并且不是static(默認(rèn)既是static),那么設(shè)定了absolute的子元素即以此為包含塊(最近的)。絕對(duì)定位(Absolute positioning)元素定位的參照物是其包含塊,既相對(duì)于其包含塊進(jìn)行定位,不一定是其父元素。查看全部
-
absolute與fixed的相同點(diǎn):<br> 當(dāng)元素未設(shè)置偏移量時(shí),無論是否存在已經(jīng)定位的祖先元素,該元素都定位在父元素的左上角;<br> absolute域fixed的不同點(diǎn):<br> 當(dāng)設(shè)置元素偏移量時(shí)<br> absolute:<br> 該元素不存在以定位的祖先元素時(shí),以<html>為基準(zhǔn)偏移;<br> 該元素存在已定位的祖先元素時(shí),以距其最近的、已經(jīng)定位的祖先元素為基準(zhǔn)偏移;<br> fixed:<br> 有無已經(jīng)定位的祖先元素,都以瀏覽器可視窗口為基準(zhǔn)偏移;查看全部
-
absolute 與 fixed 相同點(diǎn)(它倆都是絕對(duì)定位) 完全脫離標(biāo)準(zhǔn)文檔流;未設(shè)置偏移量時(shí),都定位在父元素的左上角; 偏移量--元素設(shè)置定位(絕對(duì)或相對(duì))后就具有偏移屬性和堆疊屬性(z-index) absolute 與 fixed 不同點(diǎn): absolute: 無已定位祖先元素,以<html>為基準(zhǔn)偏移; 有已定位祖先元素,以距其最近的、已定位的祖先元素為基準(zhǔn)偏移; 位置會(huì)隨滾動(dòng)條變化 fixed: 位置固定,不會(huì)隨滾動(dòng)條變化;被他遮蓋的元素可以從其下穿過; 有、無已定位祖先元素,都以瀏覽器可視窗口為基準(zhǔn)偏移查看全部
-
未設(shè)置偏移量時(shí),absolute和fixed都以當(dāng)前位置為基準(zhǔn)(不是父元素左上角,可以試試在該元素前加點(diǎn)文字試試);二、設(shè)置偏移量時(shí):1、無定位屬性的祖先元素:absolute以當(dāng)前瀏覽器窗口為基準(zhǔn),fixed以瀏覽器窗口為基準(zhǔn);2、有定位屬性祖先元素:absolute以有定位屬性的祖先元素為基準(zhǔn),fixed以瀏覽器窗口為基準(zhǔn)。查看全部
-
absolute 與 fixed 相同點(diǎn)(它倆都是絕對(duì)定位) 第一,完全脫離標(biāo)準(zhǔn)文檔流 第二,未設(shè)置偏移量時(shí),都定位在父元素的左上角 偏移量--元素設(shè)置定位(絕對(duì)或相對(duì))后就具有偏移屬性和堆疊屬性(z-index) absolute 與 fixed 不同點(diǎn) absolute 1無已定位祖先元素,以<html>為基準(zhǔn)偏移 2位置會(huì)隨滾動(dòng)條變化 3有已定位祖先元素,以距其最近的、已定位的祖先元素為基準(zhǔn)偏移 fixed 位置固定,不會(huì)隨滾動(dòng)條變化 被他遮蓋的元素可以從其下穿過 有、無已定位祖先元素,都以瀏覽器可視窗口為基準(zhǔn)偏移查看全部
-
fixed belong to absolute查看全部
-
fixed固定條的父包裹層body的margin與mainbody的上margin值發(fā)生了重疊,(此時(shí)的body與mainbody屬于標(biāo)準(zhǔn)文檔流)mainbody的上margin值大于body的margin值,選擇了mainbody的上margin值20px(標(biāo)準(zhǔn)文檔流中上下margin發(fā)生重疊時(shí)選擇margin值大的那個(gè))所以body下移20px;top層又以body層定位,從而導(dǎo)致了top層與瀏覽器可視窗口產(chǎn)生了距離。為了保持top層與瀏覽器窗口緊挨著,則需對(duì)top層的固定定位設(shè)置偏移量top:查看全部
舉報(bào)
0/150
提交
取消