CSS两列布局，具有恒定的侧边栏宽度

Question

How do I define a design using div s (or html5 section )

| content - fill the area | < gap 20px > |sidebar width 200px sticks to the right |

Answer 1

Write like this:

div{
    height:80px;
    background:red;
}
.fixed{
    float:right;
    margin-left:20px;
    width:200px;
}
.dynamic{
    background:green;
    overflow:hidden;
}

Check this http://jsfiddle.net/gtmXE/

Answer 2

<div id="sidebar" style="float:right; width:200px;">
<div id="content" style="margin-right:220px">
    main content
</div>