Make Div on right side fill out all available space

Question

I want to create two divs beside each other, however I want the one on the left side to be 300px, and the right one to take up the remaining amount on the screen. How would that

Answer 1

One solution is to float: left; the left div that's 300px wide, and then apply overflow: hidden; to your right div. Here's the basic outline:

HTML:

    Glee is awesome!


    Glee is awesome!

CSS:

.left {
    width: 300px;
    float: left;
}
.right {
    overflow: hidden;
}

And a little demo: little link.