根據右邊的網頁重新編碼代碼時出現問題
大家有沒有試著根據右邊的網頁來重新編寫代碼？
我在編寫過程中遇到以下幾個問題：
1，就是"相對參照元素定位"這個塊狀元素外邊的框框是一個大的方形的框框??！根本就不是如上面給出的那樣-是在第一個框框的內部??！代碼啥的也是相同的，就是不知怎么會這樣?。?！真是很郁悶！??！
2，為什么要用ID器表示呢？不可以用class屬性嗎？
3，重寫了代碼。真是超級郁悶。你們遇到這樣的問題了嗎？
慕粉1426241095
2017-02-24
6 回答
舉報
0/150
提交
取消
2017-03-13
寫#box4{}的時候掉了個分號
2017-02-28
我用類選擇器試了一下感覺沒有影響
2017-02-24
#box4{
? ? width:99%;
? ? position:absolute;
? ? bottom:0px;
? ? left:0px;
}
2017-02-24
左下角有重置代碼啊
2017-02-24
<!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{
? ? position:relative;
? ? width:200px;
? ? height:200px;
? ? ? ? ? ?
}
#box4{
? ? width:99%;
? ? position:absolute;
? ? bottom:0px;
? ??
}
</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>
2017-02-24
有代碼貼一個嗎