Question

I have 2 div in on page

<div id="main"></div>
<div id="panel"></div>

and using float to make main at left, and panel at right

#photos-main {
float: left;
width: 800px;
position: relative;
}

#panel {
float: left;
margin-left: 830px;
position: absolute;
}

I want to let panel fill with the left page space, which css should I use?

Answer 1

Just don’t float it, and make it relatively positioned. Take out the margin as well. Floating “main” means that it will simply be to the left of “panel” all the time. If you define “main” how you want, “panel” will automatically take up the remaining space.

#photos-main {
float: left;
width: 800px;
position: relative;
}

#panel {
}