html - 使右侧的 Div 填充所有可用空间

Question

我想创建两个并排的 div，但我希望左侧的为 300px，右侧的占屏幕上的剩余部分。那怎么可能？谢谢!

Answer 1

最直接(我认为是正确的)方法是使用 display: table:

#wrapper {
    display: table;
    width: 100%;
}
#left, #right {
    display: table-cell;
    color: white;
}
#left {
    background: blue;
    width: 300px;
}
#right {
    background: red;
}

<section id="wrapper">
    <aside id="left">Left 300px</aside>
    <div id="right">Right the rest</div>
</section>

http://jsfiddle.net/YbLZE/1/

尝试调整右下方框架的大小。

更新了 HTML5 元素 section 和 aside，如果你有 HTML5 doctype，你应该使用它们。我必须记住使用那些...