課程
/前端開發(fā)
/HTML/CSS
/css定位 position
為什么絕對(duì)定位沒有寫left,bottom之類的還是按照正常的文檔流來的
2018-07-06
源自:css定位 position 2-3
正在回答
因?yàn)槟阒唤o了它定位屬性,而沒有給它定位性質(zhì)。打個(gè)比方,炫舞里面的翅膀知道吧,需要有飛行徽章才能飛起來。你這個(gè)就相當(dāng)于有了翅膀,你沒給它安飛行徽章,它飛不起來啊!
relative 相對(duì)定位
相對(duì)定位,相對(duì)的是:元素原來的位置,即元素在正常文檔流中的位置。相對(duì)定位保留老家地。
absolute 絕對(duì)定位
1、有最近定位祖先元素:在最近定位祖先元素的框內(nèi),以四個(gè)角為坐標(biāo)原點(diǎn)進(jìn)行一系列的定位。
2、沒有最近定位祖先元素:在 body 元素內(nèi),以四個(gè)角為坐標(biāo)原點(diǎn)進(jìn)行一些列的定位。
絕對(duì)定位,相對(duì)的是最近定位祖先元素,如果沒有定位祖先元素則相對(duì) body 元素定位,注意:absolute 相對(duì)的不是它原來的位置。絕對(duì)定位不保留老家地。
絕對(duì)定位是脫離文檔流的。
就是因?yàn)樗鼪]有設(shè)置left、top這些屬性,所以沒法布局,只好放在文檔流的后面,但此時(shí)它本身并不在文檔流中,這應(yīng)該是相當(dāng)于讓位一樣吧。
但是如果設(shè)置了left這些屬性,就可以正常的定位了。
窗邊的鬼
阿君 回復(fù) 窗邊的鬼
阿君
舉報(bào)
老師帶你了解CSS中定位的知識(shí),并運(yùn)用到實(shí)際案例中。
4 回答固定定位和絕對(duì)定位的區(qū)別
1 回答相對(duì)定位和絕對(duì)定位的層級(jí)關(guān)系
2 回答什么是脫離文檔流?
4 回答如果同時(shí)出現(xiàn)left和right或者top和bottom會(huì)按照怎樣的規(guī)則?
2 回答nav 的高度是固定的205px,沒有設(shè)置auto. 為何還是會(huì)正常撐開,沒有擠到一起
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購(gòu)課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2019-07-05
因?yàn)槟阒唤o了它定位屬性,而沒有給它定位性質(zhì)。打個(gè)比方,炫舞里面的翅膀知道吧,需要有飛行徽章才能飛起來。你這個(gè)就相當(dāng)于有了翅膀,你沒給它安飛行徽章,它飛不起來啊!
2019-03-12
relative 相對(duì)定位
相對(duì)定位,相對(duì)的是:元素原來的位置,即元素在正常文檔流中的位置。相對(duì)定位保留老家地。
absolute 絕對(duì)定位
1、有最近定位祖先元素:在最近定位祖先元素的框內(nèi),以四個(gè)角為坐標(biāo)原點(diǎn)進(jìn)行一系列的定位。
2、沒有最近定位祖先元素:在 body 元素內(nèi),以四個(gè)角為坐標(biāo)原點(diǎn)進(jìn)行一些列的定位。
絕對(duì)定位,相對(duì)的是最近定位祖先元素,如果沒有定位祖先元素則相對(duì) body 元素定位,注意:absolute 相對(duì)的不是它原來的位置。絕對(duì)定位不保留老家地。
2018-07-09
絕對(duì)定位是脫離文檔流的。
就是因?yàn)樗鼪]有設(shè)置left、top這些屬性,所以沒法布局,只好放在文檔流的后面,但此時(shí)它本身并不在文檔流中,這應(yīng)該是相當(dāng)于讓位一樣吧。
但是如果設(shè)置了left這些屬性,就可以正常的定位了。