多个DIV换行显示

CSS：
#main {
 margin: 10px;
 height: 1px;
}

#roleList {
 float:left;
 width: 500px;
 height: 300px;
}

#roleEdit {
 float:left;
 width: 200px;
 margin-left: 5px;
}

.row {
    height: 1px;
    background-color: red;
}

HTML：
<div id='main'>
   <div class="row">
       <div id="roleList"></div>
   </div>
   <div class="row">
       <div id="roleEdit"></div>
   </div>
</div>

每行的高至少要1px，这样才能换行。