<!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;? ? ? ? ? ?}#box4{? ? width:99%;? ? ??}</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>這節課內容我懂了。。 ? ??就是這個父元素 是怎么定義的?我百度了一下我覺得更像是兄弟元素 為什么是box1是box2的父元素?
1 回答
已采納
super_mb
TA貢獻101條經驗 獲得超107個贊
因為box1包裹著box2啊,
<div?id="box1"> ????<div?id="box2">相對參照元素進行定位</div> </div>
很明顯box2在box1的div標簽包裹中,如果是兄弟元素,那應該是這樣:
<div?id="box1"></div> <div?id="box2">相對參照元素進行定位</div>
- 1 回答
- 0 關注
- 1427 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消
