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

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

正在回答

4 回答

可以這么理解,假設有兩個元素<div1>和<div2>,如果想要<div2>相對于<div1>的位置是固定不變的,可以給<div1>一個Relative定位,給<div2>一個Absolute定位,(注意,<div1>應是<div2>的父輩元素,否則定位會出錯。)

此時,可以把給了Relative定位的<div1>抽象為瀏覽器窗口,<div2>的位置就是相對這個“瀏覽器”固定的

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

linabc123

還是好復雜啊,如果有個圖演示下就好了
2019-03-08 回復 有任何疑惑可以回復我~

相對定位relative只是給父元素一個定位屬性,之后,子元素就可以相對父元素進行定位;

然后absolute就是相對于父元素進行移動。這里拓展一下,子元素不一定使用absolute,用relative也是可以的。

Relative與Relative組合使用也可以達到相同的效果

第一種:
#box4{????
????????position:relative;?	
????????left:0px;		
????????top:-50px;
???????}
第二種:
#box4{????
????????position:absolute;?	
????????left:0px;		
????????bottom:0px;
???????}

可以試試

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

Silent_Walke

還是有一點點小區別,用absolute不會留空
2019-03-17 回復 有任何疑惑可以回復我~

第一條說的很對。關鍵就在于absolute定位。前面的課有講到,定位是相對于其最接近的一個具有定位屬性的父包含塊進行絕對定位。沒有的話才是相對于瀏覽器。所以就是給父元素一種定位,然后子元素就可以利用絕對定位的方法來相對于父元素來定位了。

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

相對定位和絕對定位都是相對于父元素做出的空間位置偏移,相對定位不會脫離文檔流,絕對定位會脫離文檔流

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

舉報

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

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

進入課程

這節沒看懂

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

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

幫助反饋 APP下載

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

公眾號

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