HTML fixed and full column pattern

Often you need to make one column fixed and another should take rest of space.

fixed and full column in table

One of way how to do this without table layout and without calc(100%-xx):

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

CSS:

.container {
    width: 100%;
}

.left {
    float:left;
    width: 100px;
    margin-right:  -100px;
}

.right {
    margin-left:100px;
}