如何创建一个静态div和一个响应div并排？

Question

我正在尝试使左列静态，并且contentwrapper响应浏览器大小调整。我不想使用花车，因为当我不想让它移动内容时。

HTML

<div id="maincontainer">
    <div id="leftcolumn">
    </div>

    <div id="contentwrapper">   
    </div>  
</div>

Answer 1

据我所知，我认为你需要这样的事情：

http://jsfiddle.net/v5FZv/1/

<强> CSS

#maincontainer{
    display:table;
    width:100%;
}
#leftcolumn{
    display:table-cell;
    min-width:100px;
    background-color:red;
}
#contentwrapper{
    display:table-cell;
    width:100%;
    background-color:blue;
}