Solution #3: To apply overflow property

We will apply overflow: auto to the div.container container block. The height of container repeated the height of floating blocks.

<< back to the "feature"

HTML code:

<div class="container">
    <div class="left">
        ...
    </div>
    <div class="right">
        ...
    </div>
    ...
</div>

Live example ↓

div.left

.left
{
    border: 2px solid #33F;
    float: left;
}

div.right

.right
{
    border: 2px solid #F00;
    float: right;
}
div.container {
    background-color: #CCC;
    border: 1px dashed #333;
    overflow: auto;
}
Window size: x
Viewport size: x