-
z-index 值越大，越靠近用戶 relative 在層級方面的表現(xiàn)： 1. 提高層疊上下文（鬼畜級別） 頁面有兩張圖片出現(xiàn)層疊情況，默認(rèn)后一張圖片層疊前一張，如果設(shè)置前一張圖片position：relative，則前一張會層疊在前 2.新建層疊上下文與層級控制 relative 的z-index 為一個具體的數(shù)值，那么就會新建一個層疊上下文，從而限制內(nèi)部absolute元素的層疊。而為auto（可以dayue 理解為z-index 為0）的話，就不會新建一個層疊上下文（ie6、7除外，是個bug） relative的z-index:為auto時 不會限制內(nèi)部absolute查看全部
-
relative 相對于自身定位，不會影響其他元素的布局 無侵入：即他不會影響其他元素的布局，比如說：如果是margin-top：-100px；移走后，緊接著這個div的div也會向上移動；如果是top:-100px，則不會，后面的元素會保持不動.應(yīng)用：自定義拖拽 當(dāng)top和bottom，或者left和right同時存在時，如果是relative定位，這只有一方存在，即top和left；但如果是absolute定位，這兩者可以同時存在，起到拉伸的效果 top vs bottom left vs right top left勝查看全部
-
overflow hidden可以限制普通元素隱藏 但對于absolute的元素不起任何作用 position: relative;left：10px;top:10px; relative 的第一個作用：起到定位的作用；left和top是指相對于它原來位置的定位。 relative 是不脫離文檔流的（意思就是它原有的位置是保留的，其他元素?zé)o法占據(jù)）。所以相對定位通常只是用作限制絕對定位的。 如截圖所示，relative 對absolute的限制有三方面 1、限制定位 2、限制z-index層級（就是說，如果relative設(shè)置了z-index層級并且為具體的數(shù)字，而不是auto，那么內(nèi)部的absolute設(shè)置的層級就不管用了） 3、限制在overflow下的囂張氣焰（只有加上relative，overflow：hidden、auto，滾動條，才會對absolute定位的元素起作用） relative 對 fixed 的限制只有z-index查看全部
-
relative要遵循避免原則和最小化原則，即能不用relative則不用，relative作用的div范圍越小越好 不使用relative，僅僅使用absolute+margin微調(diào)(可選) 單獨(dú)對某一個元素進(jìn)行絕對定位的時候，可以把它提取出來，用一個空的div包裹起來（relative），本身運(yùn)用absolute，就OK了。查看全部
-
relative 相對于自身定位，不會影響其他元素的布局 無侵入：即他不會影響其他元素的布局，比如說：如果是margin-top：-100px；移走后，緊接著這個div的div也會向上移動；如果是top:-100px，則不會，后面的元素會保持不動.應(yīng)用：自定義拖拽 當(dāng)top和bottom，或者left和right同時存在時，如果是relative定位，這只有一方存在，即top和left；但如果是absolute定位，這兩者可以同時存在，起到拉伸的效果 top vs bottom left vs right top left勝查看全部
-
overflow hidden可以限制普通元素隱藏 但對于absolute的元素不起任何作用 position: relative;left：10px;top:10px; relative 的第一個作用：起到定位的作用；left和top是指相對于它原來位置的定位。 relative 是不脫離文檔流的（意思就是它原有的位置是保留的，其他元素?zé)o法占據(jù)）。所以相對定位通常只是用作限制絕對定位的。 如截圖所示，relative 對absolute的限制有三方面 1、限制定位 2、限制z-index層級（就是說，如果relative設(shè)置了z-index層級并且為具體的數(shù)字，而不是auto，那么內(nèi)部的absolute設(shè)置的層級就不管用了） 3、限制在overflow下的囂張氣焰（只有加上relative，overflow：hidden、auto，滾動條，才會對absolute定位的元素起作用） relative 對 fixed 的限制只有z-index查看全部
-
relative 的最小化影響原則，指的是盡量降低relative屬性對齊他元素或布局的潛在影響。 relative要遵循避免原則和最小化原則，即能不用relative則不用，relative作用的div范圍越小越好 <div > <img src="pig_head.png" > </div> <div> <div></div> <div></div> <div></div> </div>查看全部
-
z-index 值越大，越靠近用戶 relative 在層級方面的表現(xiàn)： 1. 提高層疊上下文（鬼畜級別） 頁面有兩張圖片出現(xiàn)層疊情況，默認(rèn)后一張圖片層疊前一張，如果設(shè)置前一張圖片position：relative，則前一張會層疊在前 2.新建層疊上下文與層級控制 relative 的z-index 為一個具體的數(shù)值，那么就會新建一個層疊上下文，從而限制內(nèi)部absolute元素的層疊。而為auto（可以dayue 理解為z-index 為0）的話，就不會新建一個層疊上下文（ie6、7除外，是個bug）查看全部
-
relative 相對定位的特點(diǎn)： 1、相對于自身 2、無侵入（也就是說當(dāng)設(shè)置relative定位時，是不會影響任何其他的布局的。假如用margin來定位，那么其他的元素是會隨著移動的） 3、只設(shè)置left、top來定位，同時設(shè)置四個方向的話也是left和top會勝出 absolute 絕對定位時相對于 離它最近的限制它的元素，一層一層往上找，如果都沒有對它進(jìn)行限制，最后會找到body，也就是相對于body定位查看全部
-
position: relative;left：10px;top:10px; relative 的第一個作用：起到定位的作用；left和top是指相對于它原來位置的定位。 relative 是不脫離文檔流的（意思就是它原有的位置是保留的，其他元素?zé)o法占據(jù)）。所以相對定位通常只是用作限制絕對定位的。 如截圖所示，relative 對absolute的限制有三方面 1、限制定位 2、限制z-index層級（就是說，如果relative設(shè)置了z-index層級并且為具體的數(shù)字，而不是auto，那么內(nèi)部的absolute設(shè)置的層級就不管用了） 3、限制在overflow下的囂張氣焰（只有加上relative，overflow：hidden、auto，滾動條，才會對absolute定位的元素起作用） relative 對 fixed 的限制只有z-index查看全部
-
單獨(dú)對某一個元素進(jìn)行絕對定位的時候，可以把它提取出來，用一個空的div包裹起來（relative），本身運(yùn)用absolute，就OK了。查看全部
-
所謂relative的最小化影響原則，指的是盡量降低relative屬性對其他元素或布局的潛在影響. relative作用的div范圍越小越好. <div position:relative> <img src positon:absolute.top right> </div>查看全部
-
relative z-index:為auto時 不會限制內(nèi)部absolute元素層疊查看全部
-
單獨(dú)定義一個div包裹要絕對定位的元素，是relative最小化原則查看全部
-
relative z-index:為auto時 不會限制內(nèi)部absolute元素層疊查看全部
舉報
0/150
提交
取消