-
只有元素在設(shè)置相對(duì)定位，或者絕對(duì)定位后，此屬性才有效，它的作用是設(shè)置元素所在的z軸層級(jí)。z-index值越大，元素層級(jí)越大查看全部
-
position:fixed可以一直用在當(dāng)前可視頁(yè)面里固定位置；absolute會(huì)隨滾動(dòng)條移動(dòng)，它是相對(duì)于整個(gè)頁(yè)面的位置固定查看全部
-
absolute定位后隨瀏覽器下滑而上移查看全部
-
在對(duì)元素設(shè)置固定定位時(shí)，如果希望本元素包含其父包含塊中，則不需要對(duì)其設(shè)置偏移量 設(shè)置偏移量后，則相對(duì)瀏覽器窗口移動(dòng)查看全部
-
對(duì)，只有元素在設(shè)置相對(duì)定位，或者絕對(duì)定位后，此屬性才有效，它的作用是設(shè)置元素所在的z軸層級(jí)。z-index值越大，元素層級(jí)越大。查看全部
-
bsolute與fixed相同點(diǎn)： 第一，完全脫離標(biāo)準(zhǔn)文檔流 第二，未設(shè)置偏移量時(shí)，都定位在父元素的左上角 偏移量：元素設(shè)置定位（絕對(duì)或相對(duì)）后就具有偏移屬性和堆疊屬性（z-index）查看全部
-
position三種定位：靜態(tài)、相對(duì)、絕對(duì)、固定其中后兩種都是絕對(duì)定位查看全部
-
absolutr與fixed的不同點(diǎn)查看全部
-
依舊是margin重疊問題<br> 因?yàn)閐iv是fixed，所以脫離標(biāo)準(zhǔn)文檔流。X元素設(shè)置了上邊距，body距離html也有一個(gè)上邊距，但是body沒有border,padding屬性，所以由于margin有垂直外邊局合并問題，body的上邊距也變?yōu)?5px，div會(huì)緊貼body上邊。所以，div與瀏覽器上邊界相距15px。 在普通文檔流中，當(dāng)垂直方向上的兩個(gè)外邊距相遇時(shí)，會(huì)發(fā)生外邊距合并，最后的外邊距取兩個(gè)外邊距較高的值。這種合并現(xiàn)象發(fā)生在普通文檔流的塊級(jí)元素上，而行內(nèi)框、浮動(dòng)框以及定位框則不會(huì)受影響。 因?yàn)閐iv元素設(shè)置了fixed屬性,則其就會(huì)脫離標(biāo)準(zhǔn)文檔流.然后x元素就成了在標(biāo)準(zhǔn)文檔流中緊鄰body元素的元素,隨即他們?cè)诳v軸方向上相遇了.這就產(chǎn)生了magin重疊問題.根據(jù)重疊原則(上一節(jié)有講),body的magin-bottom就隱含成了15px. 但是,這里設(shè)置了fixed的div元素并沒有設(shè)置top屬性,則其仍按父包裹層(body)的位置不動(dòng). 所以,根據(jù)以上分析,div元素 和 x元素都與瀏覽器可視窗口上邊界相距15px.查看全部
-
bsolute與fixed相同點(diǎn)： 第一，完全脫離標(biāo)準(zhǔn)文檔流 第二，未設(shè)置偏移量時(shí)，都定位在父元素的左上角 偏移量：元素設(shè)置定位（絕對(duì)或相對(duì)）后就具有偏移屬性和堆疊屬性（z-index）查看全部
-
position 定位擁有 5 種形式：absolute、fixed、relative、static和inherit。查看全部
-
fixed定位總結(jié) 定位形式：絕對(duì)定位 特點(diǎn)：位置固定不變，兄弟元素會(huì)從其下穿過。 未設(shè)置偏移量 有已定位祖先元素 以祖先元素為基準(zhǔn)定位 無(wú)已定位祖先元素 以瀏覽器窗口為基準(zhǔn)定位 設(shè)置偏移量，有、無(wú)已定位祖先元素，均已瀏覽器窗口為基準(zhǔn)進(jìn)行偏移。查看全部
-
absolute與fixed的不同點(diǎn)： 設(shè)置偏移量時(shí)： absolute： 1、無(wú)已定位祖先元素，以html為基準(zhǔn)； 2、有已定位祖先元素，以距其最近，已定位的祖先元素為基準(zhǔn)。 fixed：有無(wú)已定位祖先元素都以瀏覽器可視窗口為基準(zhǔn)偏移。 表現(xiàn)形式（產(chǎn)生滾動(dòng)條時(shí)）： absolute：位置隨滾動(dòng)條變化； fixed： 1、位置不隨滾動(dòng)條變化； 2、被其遮蓋的元素可從其下穿過查看全部
-
依舊是margin重疊問題 因?yàn)閐iv是fixed，所以脫離標(biāo)準(zhǔn)文檔流。X元素設(shè)置了上邊距，body距離html也有一個(gè)上邊距，但是body沒有border,padding屬性，所以由于margin有垂直外邊局合并問題，body的上邊距也變?yōu)?5px，div會(huì)緊貼body上邊。所以，div與瀏覽器上邊界相距15px。查看全部
-
標(biāo)準(zhǔ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; 當(dāng)給元素一個(gè)值為fixed的position屬性時(shí)，如果設(shè)置了偏移量，就脫離了該元素的包裹層（父元素），其兄弟元素會(huì)占據(jù)原有的位置。查看全部
舉報(bào)
0/150
提交
取消