Css set left fixed and right fluid layout

css, html, sass

Solution

This is pretty simple to do: http://jsfiddle.net/joplomacedo/ExHzk/ If you can't see the fiddle, here's the html and css.

HTML:

<div class="fixed"></div>
<div class="fluid"></div>​

CSS:

.fixed {
    float: left;
    width: 250px;
}

.fluid {
    margin-left: 250px;
}

Aside I left out the wrapper. It's not really relevant for the demonstration. One question though: If you're giving the wrapper a width of 100%, what's the margin: 0 auto for? And do you really need to specify the width?

Problem

I need to do with html and css such layout: left width is static for 250px right is fluid, for other rest of screen (100%-250px) I try so(i'm using sass): ``` .wrapper{ width:100%; margin: 0 auto; .left{ width:250px; float:left; } .right{ float:right; width:100%; margin-left: 250px; } } ``` So how can i solve this problem?

Original source