CSS Left fixed width right adaptive width summary __css

CSS Left fixed width right adaptive width summary

Two div side-by, left width fixed, right adaptive. My left side is the navigation bar, and the right side is divided into two parts.

Entire page:

html,body{
    margin:0px;
    height:100%;
}

1, the left navigation bar, the use of position:absolute;

. main-sidebar{
    Position:absolute;
    top:0;
    left:0;
    height:100%;
    min-height:100%;
    width:240px;
    Background-color: #222d32;
}

2, right

. right{
    margin-left:240px;
    height:100%; 
    Font:normal 20px/24px ' MicroSoft Yahei ';
}

The right side is divided into two parts, fixed above the height can:

. topbar{
    height:50px; 
    border:1px Solid #005580
}

You can also pass the properties of the Float:left.