Newbie thắc mắc về thẻ div

em mới học html+css mà gặp chổ thẻ div và thuộc tính float của nó khó hiểu quá ạ.
1. thế này ạ nếu em viết thế này thì khi em thay đổi padding-top của thẻ <div id="test1"> thì thằng <div class="row"> nó không thay đổi height theo
nhưng khi em bỏ cái float đi thì khi thay đổi padding-top của thẻ <div id="test1"> thì thằng <div class="row"> nó thay đổi height theo

Code:

<div class="row">
                <div id="test1">

                </div>
                <div id="test2">

                </div>

            </div>
//----------------------------
#test1{
   float:left;
    width: 480px;
    background-color: #33ff33;
   height: 50px;
}

#test2{

    float: left;
    width: 480px;
    background-color: blueviolet;
    height: 50px;
}

.row {
    width: 960px;
    background-color: activecaption;  

    margin-left:   auto;
    margin-right:   auto;

}