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