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