課程
/前端開發(fā)
/HTML/CSS
/初識HTML(5)+CSS(3)-升級版
這一節(jié)沒看懂,怎么組合使用?
2016-06-03
源自:初識HTML(5)+CSS(3)-升級版 13-9
正在回答
組合使用的意思就是:用兩個組合,可以實現(xiàn)div相對父元素進行偏移。(因為如果只用absolute只能相對于瀏覽器偏移,如果只用relative只能相對于本身偏移,如果只用fixed只能相對于視圖偏移)
擴展一下:
因為absolute這個屬性值是受父元素是否有position值影響的。如果父元素沒有position值,則以瀏覽器為基準(zhǔn)偏移,如果父元素有position值(無論是relative/absolute/fixed哪一個),則以父元素為基準(zhǔn)偏移。
qq_一坨爛泥_03421512 提問者
因為有#-*-coding:utf-8-*-nbsp;這個語句,可以在本地測試一下吆。你完全可以將這兩個放在一個類選擇器中寫,一個類選擇器中可以寫多個屬性的
還是我來說吧,你們說的都對,但對于小白來說很難理解,要舉例子,假設(shè)我現(xiàn)在創(chuàng)建了兩個box,box1和box2,box2是子級,如果我想讓box2根據(jù)box1的位置進行位移和定位,那我得在box1和box2上分別加上relative和absolute,這樣才能形成子級根據(jù)父級定位,如果box1沒加上relative,那么會導(dǎo)致我box2根據(jù)瀏覽器進行絕對定位,會定位到別的位置(body),那如果只給box1加上,但沒給box2,那只能形成box1呈現(xiàn)相對定位的單獨效果,所以你想讓box2跟著box1進行定位,這兩者都少不了
通俗的說就是先用position:relative設(shè)置參照元素1
再在你想定位的元素2中加入position:absolute來設(shè)置你想定位的元素2相對于參照元素1的位子 ? 不知道我這樣說你懂了么?
哇哈哈lk
簡單的說瀏覽器是一個畫的框架,相對框架就是在畫的框架里面畫一個小框框,然后子元素的絕對定位是相對于小框框
組合使用的意思是,本來絕對定位是針對瀏覽器的,就像前幾節(jié)課講的一樣,絕對定位不會因為他的父輩元素的位置而更改,但是當(dāng)父輩元素加入相對定位
relative 是相對的 , 是參照定位的元素 , 作為父元素, ?給其子元素提供相對的位置。 ? 子元素用absolute 設(shè)置 ?可以根據(jù)top bottom left right 設(shè)定相對于其父元素的絕對位置,
Sunly3212
通俗說就是被加入的圖片中用relative ,再在加入的圖片哪里用absolute
舉報
HTML(5)+CSS(3)基礎(chǔ)教程8小時帶領(lǐng)大家步步深入學(xué)習(xí)標(biāo)簽用法和意義
1 回答Relative與Absolute組合使用
4 回答Relative與Absolute組合使用
2 回答Relative與Absolute組合使用
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2016-06-13
組合使用的意思就是:用兩個組合,可以實現(xiàn)div相對父元素進行偏移。(因為如果只用absolute只能相對于瀏覽器偏移,如果只用relative只能相對于本身偏移,如果只用fixed只能相對于視圖偏移)
擴展一下:
因為absolute這個屬性值是受父元素是否有position值影響的。如果父元素沒有position值,則以瀏覽器為基準(zhǔn)偏移,如果父元素有position值(無論是relative/absolute/fixed哪一個),則以父元素為基準(zhǔn)偏移。
2022-03-24
因為有#-*-coding:utf-8-*-nbsp;這個語句,可以在本地測試一下吆。你完全可以將這兩個放在一個類選擇器中寫,一個類選擇器中可以寫多個屬性的
2020-02-08
還是我來說吧,你們說的都對,但對于小白來說很難理解,要舉例子,假設(shè)我現(xiàn)在創(chuàng)建了兩個box,box1和box2,box2是子級,如果我想讓box2根據(jù)box1的位置進行位移和定位,那我得在box1和box2上分別加上relative和absolute,這樣才能形成子級根據(jù)父級定位,如果box1沒加上relative,那么會導(dǎo)致我box2根據(jù)瀏覽器進行絕對定位,會定位到別的位置(body),那如果只給box1加上,但沒給box2,那只能形成box1呈現(xiàn)相對定位的單獨效果,所以你想讓box2跟著box1進行定位,這兩者都少不了
2016-06-12
通俗的說就是先用position:relative設(shè)置參照元素1
再在你想定位的元素2中加入position:absolute來設(shè)置你想定位的元素2相對于參照元素1的位子 ? 不知道我這樣說你懂了么?
2016-06-10
簡單的說瀏覽器是一個畫的框架,相對框架就是在畫的框架里面畫一個小框框,然后子元素的絕對定位是相對于小框框
組合使用的意思是,本來絕對定位是針對瀏覽器的,就像前幾節(jié)課講的一樣,絕對定位不會因為他的父輩元素的位置而更改,但是當(dāng)父輩元素加入相對定位
2016-06-03
relative 是相對的 , 是參照定位的元素 , 作為父元素, ?給其子元素提供相對的位置。 ? 子元素用absolute 設(shè)置 ?可以根據(jù)top bottom left right 設(shè)定相對于其父元素的絕對位置,
2016-06-03
通俗說就是被加入的圖片中用relative ,再在加入的圖片哪里用absolute