html - 让 div 填充居中容器旁边的空间

Question

我有一个包含内容的居中容器的网页，我想在它旁边显示一个 Logo 。

布局如下:div - 容器。容器居中，容器的 div lef 需要填充屏幕上剩余的宽度。

html, body {
 height: 100%;
 width: 100%;
}
#container {
 width: 800px;
 margin-left: auto;
 margin-right: auto;
 min-height: 100%;
}

<div id="container">

</div>
<div id="lef">
</div>

带有此代码的 jsfiddle 可在 http://jsfiddle.net/7QJQn/ 上找到

Answer 1

这是关闭的选项

http://jsfiddle.net/7QJQn/4/

我认为执行此类操作的最佳解决方案就是使用 javascript/jQuery。