亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

relative與absolute組合使用

這一節沒看懂,怎么組合使用?

正在回答

7 回答

組合使用的意思就是:用兩個組合,可以實現div相對父元素進行偏移。(因為如果只用absolute只能相對于瀏覽器偏移,如果只用relative只能相對于本身偏移,如果只用fixed只能相對于視圖偏移)

擴展一下:

因為absolute這個屬性值是受父元素是否有position值影響的。如果父元素沒有position值,則以瀏覽器為基準偏移,如果父元素有position值(無論是relative/absolute/fixed哪一個),則以父元素為基準偏移。

3 回復 有任何疑惑可以回復我~
#1

qq_一坨爛泥_03421512 提問者

非常感謝!
2016-06-14 回復 有任何疑惑可以回復我~

因為有#-*-coding:utf-8-*-nbsp;這個語句,可以在本地測試一下吆。

0 回復 有任何疑惑可以回復我~

還是我來說吧,你們說的都對,但對于小白來說很難理解,要舉例子,假設我現在創建了兩個box,box1和box2,box2是子級,如果我想讓box2根據box1的位置進行位移和定位,那我得在box1和box2上分別加上relative和absolute,這樣才能形成子級根據父級定位,如果box1沒加上relative,那么會導致我box2根據瀏覽器進行絕對定位,會定位到別的位置(body),那如果只給box1加上,但沒給box2,那只能形成box1呈現相對定位的單獨效果,所以你想讓box2跟著box1進行定位,這兩者都少不了

0 回復 有任何疑惑可以回復我~

通俗的說就是先用position:relative設置參照元素1

再在你想定位的元素2中加入position:absolute來設置你想定位的元素2相對于參照元素1的位子 ? 不知道我這樣說你懂了么?

1 回復 有任何疑惑可以回復我~
#1

哇哈哈lk

你這樣說的話 我就懂了
2016-07-19 回復 有任何疑惑可以回復我~

簡單的說瀏覽器是一個畫的框架,相對框架就是在畫的框架里面畫一個小框框,然后子元素的絕對定位是相對于小框框


組合使用的意思是,本來絕對定位是針對瀏覽器的,就像前幾節課講的一樣,絕對定位不會因為他的父輩元素的位置而更改,但是當父輩元素加入相對定位

0 回復 有任何疑惑可以回復我~

relative 是相對的 , 是參照定位的元素 , 作為父元素, ?給其子元素提供相對的位置。 ? 子元素用absolute 設置 ?可以根據top bottom left right 設定相對于其父元素的絕對位置,

1 回復 有任何疑惑可以回復我~
#1

qq_一坨爛泥_03421512 提問者

謝謝你的回答,不好意思,我還是不懂該如何用,你能舉幾個通俗易懂的實例嗎?
2016-06-03 回復 有任何疑惑可以回復我~
#2

Sunly3212

嗯,這個回答讓我豁然開朗
2016-06-07 回復 有任何疑惑可以回復我~

通俗說就是被加入的圖片中用relative ,再在加入的圖片哪里用absolute

0 回復 有任何疑惑可以回復我~
#1

qq_一坨爛泥_03421512 提問者

謝謝你的回答,不好意思我還是不太懂
2016-06-03 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消
初識HTML(5)+CSS(3)-升級版
  • 參與學習       1228743    人
  • 解答問題       19080    個

HTML(5)+CSS(3)基礎教程8小時帶領大家步步深入學習標簽用法和意義

進入課程

relative與absolute組合使用

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號