CSS实现两列布局

右侧内容固定，左侧内容自适应：（需要注意，HTML结构中固定宽度，必须在自适应宽度前面）

    HTML代码可以如下写:

     <div class="siderbar">
        <span>固定宽度</span>
    </div>
    <div class="content">
        <span>自适应宽度</span>
    </div>

　 CSS代码可以如下写：

    .content{height:300px;margin-right:300px;background:#DDD;}
    .siderbar{width:300px;height:300px;float:right;background:#AAA;}