課程
/前端開發
/HTML/CSS
/初識HTML(5)+CSS(3)-升級版
在box3設置定位,在box4設置position后,為什么bottom要設置為0,而不是其他數值的呢(雖然其他數值不能定位到那個位置)
2016-09-26
源自:初識HTML(5)+CSS(3)-升級版 13-9
正在回答
box3是定位的元素,box4可以相對于父元素box3定位l ,bottom設置為0就是,底部為0,其他數值也行,top:160px左右
nancy_chayan 提問者
<box4>子元素相對于<box3>父元素而絕對定位,但是不可以設置寬度和高度,
/*下面是任務部分*/
#box3{position:relative;
? ? width:200px;
? ? height:200px;
? ? ? ? ? ?
}
#box4{position:absolute;
? ? bottom:2px;
? ? top:100px;
em{font-weight:bold;color:red;
謝謝給位的解答。
因為已經把box3定位了,box4是根據它來移動的。
box4在box3中,設置bottom:0;就是把box4放在box3的最下面,起到給圖片做個介紹的意思,之所以box4會在box3的最下面,是由于box3設置了position后,box4作為他的子元素定位參考的是父元素,也就是參考box3定位,不再參考body(整個頁面)來定位了。
舉報
HTML(5)+CSS(3)基礎教程8小時帶領大家步步深入學習標簽用法和意義
3 回答bottom設置為0重合
2 回答為什么這里bottom是0呢?
1 回答為什么bottom為0px?
2 回答bottom=0和bottom:0的區別
3 回答設置border-bottom寬度?
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-09-26
box3是定位的元素,box4可以相對于父元素box3定位l ,bottom設置為0就是,底部為0,其他數值也行,top:160px左右
2016-10-07
<box4>子元素相對于<box3>父元素而絕對定位,但是不可以設置寬度和高度,
/*下面是任務部分*/
#box3{position:relative;
? ? width:200px;
? ? height:200px;
? ? ? ? ? ?
}
#box4{position:absolute;
? ? bottom:2px;
? ? top:100px;
}
em{font-weight:bold;color:red;
}
2016-09-27
謝謝給位的解答。
2016-09-26
因為已經把box3定位了,box4是根據它來移動的。
2016-09-26
box4在box3中,設置bottom:0;就是把box4放在box3的最下面,起到給圖片做個介紹的意思,之所以box4會在box3的最下面,是由于box3設置了position后,box4作為他的子元素定位參考的是父元素,也就是參考box3定位,不再參考body(整個頁面)來定位了。