課程
/前端開發
/HTML/CSS
/初識HTML(5)+CSS(3)-升級版
如題,不懂relative這種定位的意義何在
2016-03-01
源自:初識HTML(5)+CSS(3)-升級版 13-9
正在回答
對于子元素(box4)來說,采用relative和absolute是沒有區別的,box4的定位只要box3具有定位屬性就行;但是對于box3來說,如果要移動的時候,采用relative就是在當前默認位置(題目中box3沒有偏移)的基礎上偏移,可以根據和box1的距離定位,同時保留了box3的位置,之后要是還有box5可以參照box3的默認位置;用了absolute的話,要移動box3就要自己算和body的偏移量,同時沒有了box3的位置,像透明一樣懸在那兒,再加入box5的話也不好計算什么地方正好不在box3的位置
設成relative的話 ? ?移動box3就可以用相對box1的坐標了 ? 設成absolute的話,移動box3就很麻煩了
因為box3里邊沒設置偏移量,那么position:relative/absolute 效果是一樣的。但是實質不一樣,當你設定了position的值,時,他等待著你設定偏移量,①如果你不設定偏移量,它就默認是自上而下或者自左向右的分步于頁面;②如果你設定了,他就按照偏移量來偏移。還要注意,概念上的區別:絕對定位是相對于離他最近的父元素定位的;相對定位:相對于與他同級的元素定位的。效果上的區別:絕對定位的元素不會保留它的空間,如果有 其他元素要定位,是會覆蓋它的;相對定位會保留其空間,如果p設置了相對定位,他后面有其他元素也要相對定位,后面的元素會自上而下分布,不占用p的空 間。relative是相對于他原來的位置偏移。absolute,相對于離他最近的父元素偏移。
以后你遇到了問題再回過來看吧,這個地方需要實踐。
舉報
HTML(5)+CSS(3)基礎教程8小時帶領大家步步深入學習標簽用法和意義
2 回答box3為什么還要設置 position:relative
3 回答父容器為什么設置為relative
3 回答父元素設置為absolute也可以啊,只要父元素設置定位屬性,不設置成fix脫離文檔流就行了。這里有沒有硬性規定還是不成文規定一定要父元素設置為relative,因為幾乎所有都是relative->absolute
7 回答box3中把relative換成absolute,好像也沒有影響?
1 回答為什么width設置成30px啊
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-03-18
對于子元素(box4)來說,采用relative和absolute是沒有區別的,box4的定位只要box3具有定位屬性就行;但是對于box3來說,如果要移動的時候,采用relative就是在當前默認位置(題目中box3沒有偏移)的基礎上偏移,可以根據和box1的距離定位,同時保留了box3的位置,之后要是還有box5可以參照box3的默認位置;用了absolute的話,要移動box3就要自己算和body的偏移量,同時沒有了box3的位置,像透明一樣懸在那兒,再加入box5的話也不好計算什么地方正好不在box3的位置
2016-03-15
設成relative的話 ? ?移動box3就可以用相對box1的坐標了 ? 設成absolute的話,移動box3就很麻煩了
2016-03-12
因為box3里邊沒設置偏移量,那么position:relative/absolute 效果是一樣的。但是實質不一樣,當你設定了position的值,時,他等待著你設定偏移量,①如果你不設定偏移量,它就默認是自上而下或者自左向右的分步于頁面;②如果你設定了,他就按照偏移量來偏移。還要注意,概念上的區別:絕對定位是相對于離他最近的父元素定位的;相對定位:相對于與他同級的元素定位的。效果上的區別:絕對定位的元素不會保留它的空間,如果有 其他元素要定位,是會覆蓋它的;相對定位會保留其空間,如果p設置了相對定位,他后面有其他元素也要相對定位,后面的元素會自上而下分布,不占用p的空 間。relative是相對于他原來的位置偏移。absolute,相對于離他最近的父元素偏移。
2016-03-01
以后你遇到了問題再回過來看吧,這個地方需要實踐。