I encountered a little issue with a simple 2 column layout for a small project I am working on. The left column was to be fixed at 220px and the right needed to be what was left of the screen width.

After several attempts, it ended up being quite easy.

<style>
    .main .left-col{width: 220px;float:right}
    .main .main-content{overflow: hidden}
</style>

<div class="main">
    <div class=".left-col">
        <!-- Content -->
    </div>
    <div class=".main-content">
        <!-- Content -->
    </div>
</div>