提交 6d49cb69 编写于 作者: Edward_555's avatar Edward_555

Update index_absolute.html

上级 a9ea35e1
......@@ -43,25 +43,8 @@
height:30px;
background-color:#663663;
}
/*这个parent设置了absolute,设置top,left等,所以他以body进行定位*/
.parent2{
position: absolute;
top: 80px;
left: 40px;
width:100%;
}
/*这个son设置了absoult,他的父元素有absolute,或者relative,他就会以该父元素相对位置定位*/
.son10{
position: absolute;
top: 10px;
left: 40px;
width: 100%;
height:30px;
background-color:#086734;
}
div{
border:1px solid #888;
}
</style>
......@@ -72,19 +55,17 @@
<p>我只是个占位元素2</p>
<p>我只是个占位元素3</p>
</div>
<div >
<div style="border:1px solid #665660;">
<div class="son6">son6</div>
<div class="son7">son7</div>
</div>
<div class="parent1">
<div class="parent1" style="border:1px solid #ff5500;">
<div class="son8">son8</div>
<div class="son9">son9</div>
</div>
<div class="parent2">
<div class="son10">son10</div>
</div>
<div >
<p>absolute</p>
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册