相对定位(relative)和绝对定位(absolute)
以前一直搞不清楚这两个究竟是怎么样的一回事,总觉得很难理解的,但是最近接触多了,也有点了解了。
相对定位(relative):不会让出自己占用的位置
绝对定位(absolute):会让出自己的占用位置
<div class="contain">
<div class="main"></div>
</div>
css样式:
.contain
{
width:200px;
height:200px;
position:relative;
}
.main{
width:100px;
height:100px;
position:absolute;
top:20px;
left:30px;
}
这时main这个div就会在根据contain这个div来走,如果contain没有设置relative的话,那么main这个div就会跟着body(不知道对不会)走