Question

I got headache how to make my fluid content will float to right.

1. left sidebar is fixed size.
2. right content is fluid size.

Here and example my html and css

How to make my id="content" will float on right?

Answer 1

Set a margin and remove the float/width on #content, like so:

HTML:

<div id="wrapper">
  <div id="sidebar">Sidebar</div>
  <div id="content">Content</div>
</div>

CSS:

#wrapper {
    width:400px;
    overflow:hidden;
    padding:10px;
}
#sidebar {
    float:left;
    width:100px;
}
#content {
    margin: 0 0 0 100px;
}
div {
    border:1px solid #333;
}

http://jsfiddle.net/HWMJc/1/