為什么我的文字顯示在圖片的下面而不是里面
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>相對參照元素進行定位</title>
<style type="text/css">
div{border:2px red solid;}
#box1{
? ? width:200px;
? ? height:200px;
? ? position:relative;
? ? ? ? ??
}
#box2{
? position:absolute;
top:20px;
left:30px;
? ? ? ? ??
}
/*下面是任務部分*/
#box3{
? ? width:200px;
? ? height:200px;
? ? position:relative; ? ? ?
}
#box4{
? ? width:99%;
? position:absolute;?
? ? bottom：0;
? ? left：0;
}
</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>
2016-10-28
#box4{
? ? width:99%;
? position:absolute;?
? ? bottom：0;
? ? left：0;
}
width:99% 去掉
2016-11-03
? ? bottom：0;
冒號錯了！
心累，忘采納
2016-10-28
#box3{
? ? width:200px;
? ? height:200px;
? ? position:relative; ? ??
}
#box4{
? ? width:99%;
? position:absolute;
bottom:0;
? ??
}