課程
/前端開發(fā)
/HTML/CSS
/初識(shí)HTML(5)+CSS(3)-升級(jí)版
為什么圖片和box4都在box3 div中,但是box3的border只包含里圖片而沒有包含住box4?
2018-09-12
源自:初識(shí)HTML(5)+CSS(3)-升級(jí)版 13-9
正在回答
box4在box3 底部:
#box4{
? ? width:99%;
? ? position:absolute;
? bottom:0;
? ??
}
圖片大小導(dǎo)致div4下去的,
你可以嘗試測(cè)試
給img加style="height:100px;"
apahce
box3中設(shè)定了height高度,填充圖片后 ?因?yàn)閐iv是塊級(jí)元素,div里面的內(nèi)容會(huì)在其下方顯示,插入的圖片的高度差不多占滿了div的高度,box在加入會(huì)撐破box3的高度,所以會(huì)顯示在下面。
因?yàn)閎ox3設(shè)定了height高度,如果刪除box3 css里的高度設(shè)定你再看就包含了!
因?yàn)槲灰魄疤崾莃ox4,而圖片不是這個(gè)id<div id="box3">??? <img src="...">??? <div id="box4">...</div></div>
css代碼部分寫的是:#box4{...}
? top:79%;??
舉報(bào)
HTML(5)+CSS(3)基礎(chǔ)教程8小時(shí)帶領(lǐng)大家步步深入學(xué)習(xí)標(biāo)簽用法和意義
1 回答有一點(diǎn)不明白,這里的box3不是包含圖片和box4嗎?為什么邊框會(huì)單獨(dú)框起圖片呢?
2 回答為什么box3 和box4 沒有對(duì)齊呢
1 回答box4和box3都沒有設(shè)置position
2 回答為什么box4在box3的邊框外面
5 回答box4不是應(yīng)該在box3里面嗎?
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購(gòu)課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2018-11-05
box4在box3 底部:
#box4{
? ? width:99%;
? ? position:absolute;
? bottom:0;
? ??
}
2018-10-29
圖片大小導(dǎo)致div4下去的,
你可以嘗試測(cè)試
給img加style="height:100px;"
2018-10-26
box3中設(shè)定了height高度,填充圖片后 ?因?yàn)閐iv是塊級(jí)元素,div里面的內(nèi)容會(huì)在其下方顯示,插入的圖片的高度差不多占滿了div的高度,box在加入會(huì)撐破box3的高度,所以會(huì)顯示在下面。
2018-09-14
因?yàn)閎ox3設(shè)定了height高度,如果刪除box3 css里的高度設(shè)定你再看就包含了!
2018-09-12
因?yàn)槲灰魄疤崾莃ox4,而圖片不是這個(gè)id
<div id="box3">
??? <img src="...">
??? <div id="box4">...</div>
</div>
css代碼部分寫的是:#box4{...}
2018-09-12
#box4{
? ? position:absolute;
? ? width:99%;
? top:79%;??
}