absolute和relative的区别很大

1，为什么给absolute设置height：100%有作用，给relative设置的话就不会起作用？

2，absolute和relative对子类带有float的元素会有差异？
如果把div1换成relative就不会包裹div3，不知是为什么

<div class="div1">
    <div class="div2">
        <div class="div3"></div>
        <div class="div4"></div>
    </div>
</div>



.div1{
    border:3px solid red;
    position:absolute; 
}
.div2{
    background:yellow;
    width:200px;
}
.div3{
    float:left;
    width:50px;
    height:300px;
    background:orange;

}
.div4{
    width:100px;
    height:100px;
    background:blue;
}