Edit in JSFiddle

.d1 {
    float: left;
    margin-right: 7px;
    padding: 18px;
    background-color: #59b1f6;
    color: white
}

.d2 {
    float: right;
    margin-left: 7px;
    background-color: #ffb5b4;
    padding: 18px;
    color: white
}

.d3 {
    margin-left: 7px;
    padding: 18px;
    background-color: #d5eeb0;
    color: #5e8818;
    overflow: hidden
}

<div class="d1">dv1</div>
<div class="d2">dv2</div>

<!-- float 속성이 없는 객체이므로 맨 마지막에 위치 -->
<div class="d3">dv3</div>