課程
/前端開發
/HTML/CSS
/初識HTML(5)+CSS(3)-升級版
我box4這么寫也能實現這效果,這么寫可對呢
2025-08-13
源自:初識HTML(5)+CSS(3)-升級版 13-9
正在回答
<!DOCTYPE html>
<html>
<head>
? <style>
? ? #box2 {
? ? ? height: 200px;
? ? ? position: relative;
? ? }
? ? #box3 {
? ? #box4 {
? ? ? position: absolute;
? ? ? bottom: 0;
? ? ? width: 200px;
? ? ? height: 40px;
? </style>
</head>
<body>
? <div id="box1">
? ? <div id="box2">相對參照元素進行定位</div>
? </div>
? <h1>下面是任務部分</h1>
? <div id="box3">
? ? < img src="http://img1.sycdn.imooc.com//541a7d8a00018cf102000200.jpg">
? ? <div id="box4">當我還是三年級的學生時是一個害羞的小女生。</div>
</body>
</html>
舉報
HTML(5)+CSS(3)基礎教程8小時帶領大家步步深入學習標簽用法和意義
1 回答可不可以這么寫?這么寫是不是對的?
2 回答這樣寫也有同樣效果啊
3 回答這樣寫,實現效果一樣,不知道有什么弊端
3 回答他說可以寫成這樣的,但是這個20px怎么實現呢?
7 回答<br />與<br/>有什么什么分別,后者也可以實現換行效果。這樣寫可以嗎?
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
5天前
<!DOCTYPE html>
<html>
<head>
? <style>
? ? #box2 {
? ? ? height: 200px;
? ? ? position: relative;
? ? }
? ? #box3 {
? ? ? position: relative;
? ? }
? ? #box4 {
? ? ? position: absolute;
? ? ? bottom: 0;
? ? ? width: 200px;
? ? ? height: 40px;
? ? }
? </style>
</head>
<body>
? <div id="box1">
? ? <div id="box2">相對參照元素進行定位</div>
? </div>
? <h1>下面是任務部分</h1>
? <div id="box3">
? ? < img src="http://img1.sycdn.imooc.com//541a7d8a00018cf102000200.jpg">
? ? <div id="box4">當我還是三年級的學生時是一個害羞的小女生。</div>
? </div>
</body>
</html>