資訊專欄INFORMATION COLUMN
摘要：可以理解為真身還在原來的位置站著，魂通過進行移動，并且層級比未脫離文檔流的元素高一級，移動到哪里就蓋住哪個元素。
67-68講 開班信息案例
代碼只寫了67講，主要還是line-heught讓文字垂直居中，font覆蓋行高的問題，這些在前面都講過。68講沒什么重要知識點，代碼沒寫，下面是67講的代碼：
69講 相對定位 特點導(dǎo)航條 近期開班
16年面授開班計劃
position:relative設(shè)置后，不會影響頁面原有的布局，不會脫離文檔流。可以理解為真身還在原來的位置站著，魂通過left,top,bottom,right進行移動，并且層級比未脫離文檔流的元素高一級，移動到哪里就蓋住哪個元素。
left,top,bottom,right和margin相似，通過這4個值可以進行相對當(dāng)前定位的位置移動
相對定位塊級元素，內(nèi)聯(lián)元素的性質(zhì)沒發(fā)視任何改變，就理解為和沒開啟相對定位一摸一樣！這和float是大不相同的。
上圖代碼
70講 絕對定位 特點導(dǎo)航條
與相對定位不同，開啟絕對定位會脫離文檔流，影響原有布局(后面元素往下鉆)
只設(shè)置position:absulote在沒有設(shè)置偏移量left,top,bottom,right的情況下，它還會在原有的位置，這點和相對定位一樣
絕對定位的默認(rèn)參照物是瀏覽器窗口的左上角，但是當(dāng)祖先元素開啟了定位以后參照參照物就會是最近開啟定位的祖先元素，在這里最好看一看珠峰培訓(xùn)2018年周嘯天的第97講 DOM盒子模型7-盒子偏移量和OFFET。另外，也要區(qū)分和float的區(qū)別，float的浮動是無論如何也逃不出父元素的，沒有參照物的概念。
開啟了絕對定位元素的性質(zhì)會發(fā)生改變，這里和float一樣，內(nèi)聯(lián)變塊級元素，塊級元素寬度消失，并且對父元素造成高度塌陷問題
總結(jié)絕對定位和float很容易混淆，但是要區(qū)分好。float獨有的是逃不出父級的手掌心，據(jù)對定位是多了一個參照物。另外要說的一點是只有設(shè)置了position才能使用left,top,bottom,right屬性并且也能使用margin，如果不設(shè)置position只能用margin
導(dǎo)航條
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/54846.html
摘要：可以理解為真身還在原來的位置站著，魂通過進行移動，并且層級比未脫離文檔流的元素高一級，移動到哪里就蓋住哪個元素。 67-68講 開班信息案例 代碼只寫了67講，主要還是line-heught讓文字垂直居中，font覆蓋行高的問題，這些在前面都講過。68講沒什么重要知識點，代碼沒寫，下面是67講的代碼： 導(dǎo)航條 *{ margin:0px; ...
摘要：英語為了防止用戶電腦里面，沒有微軟雅黑這個字體。因為絕對定位脫離標(biāo)準(zhǔn)流，影響頁面的布局。一丶浮動的補充 浮動的特性: 1.浮動的元素脫標(biāo) 2.浮動的元素互相貼靠 3.浮動的元素有字圍效果 4.浮動的元素有收縮的效果 前提是標(biāo)準(zhǔn)文檔流,margin的垂直方向會出現(xiàn)塌陷問題 如果盒子居中:margin: 0auto;如果盒子浮動了,margin...
摘要：，視窗高度，等于視窗高度的。并不會對他周圍的元素產(chǎn)生任何影響。修改屬性只會造成本元素的重繪。雖然它和普通的類相似，可以為已有的元素添加樣式，但是它只有處于樹無法描述的狀態(tài)下才能為元素添加樣式，所以將其稱為偽類。 display inline/inline-block/block -->> 牛奶/果凍/堅果 inline: img, span, strong, em, i, em, a...
摘要：層疊性發(fā)生的前提樣式?jīng)_突優(yōu)先級權(quán)重行內(nèi)引入標(biāo)簽通用把權(quán)重相加，值越大越有先權(quán)重一樣，后面的樣式起作用補充知識筆記表單優(yōu)化寫法用戶名格式化列表圖標(biāo)表單合并設(shè)置表格邊框合并，適用于表格格式化上下文默認(rèn)值。 1.通用屬性 name：名稱，可以重復(fù)，可以一樣; class：類名，可以重復(fù)，也可以擁有多個，給CSS用的；如; id：唯一標(biāo)示，不能重復(fù)，一般多用在JavaScript中；命名規(guī)...
摘要：層疊性發(fā)生的前提樣式?jīng)_突優(yōu)先級權(quán)重行內(nèi)引入標(biāo)簽通用把權(quán)重相加，值越大越有先權(quán)重一樣，后面的樣式起作用補充知識筆記表單優(yōu)化寫法用戶名格式化列表圖標(biāo)表單合并設(shè)置表格邊框合并，適用于表格格式化上下文默認(rèn)值。 1.通用屬性 name：名稱，可以重復(fù)，可以一樣; class：類名，可以重復(fù)，也可以擁有多個，給CSS用的；如; id：唯一標(biāo)示，不能重復(fù)，一般多用在JavaScript中；命名規(guī)...
閱讀 1184·2023-04-26 00:34
閱讀 3360·2023-04-25 16:47
閱讀 2128·2021-11-24 11:14
閱讀 3109·2021-09-26 09:55
閱讀 3729·2019-08-30 15:56
閱讀 3223·2019-08-29 16:57
閱讀 1913·2019-08-26 13:38
閱讀 2672·2019-08-26 12:22
