為什么box3，box4改成fixed沒有效果？
<!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;
?????????
}
#box2{
?
?top:20px;
?left:30px;
?????????
}
/*下面是任務部分*/
#box3{
??? width:200px;
??? height:200px;
??? position:fixed;??????
}
#box4{
??? width:200px;
??? height:200px;
?border:2px red solid;
?position:fixed;
??? bottom:0;
??? right: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>
<div id="box4">當我還是三年級的學生時是一個害羞的小女生。</div>
</body>
</html>
2018-08-20
<div id="box4">當我還是三年級的學生時是一個害羞的小女生。</div>向上移到</div>上面，
#box3{
??? width:200px;
??? height:200px;
??? position:fixed;?????? 這里改成? position:relative;
}
#box4{
??? width:200px;
??? height:200px;???????????? 這里的高度和box3一樣了，減小數(shù)值。
?border:2px red solid;
?position:fixed;?????? 這里改成? position:absolute;
??? bottom:0;??????????????????? bottom:0;
??? right:0;???????????????????????? 這里寬度都是一樣的可以不用去定義和設(shè)置，可以不寫。
2018-08-20
position:fixed;
生成絕對定位的元素，相對于 static 定位以外的第一個父元素進行定位。
元素的位置通過 "left", "top", "right" 以及 "bottom" 屬性進行規(guī)定。
但是你后面的
bottom:0;
??? right:0;
數(shù)值都是0怎么出效果？把數(shù)值改一下就可以了。
2018-08-20
box3 只是需要一個定位來作為box4的參照定位（relative,fiexd都一樣），不然box4的參照定位對象就是body了