jquery - 100% 宽度，固定边距

Question

http://jsbin.com/manez/1/

#container {
    position:absolute;
    top:0;
    left:0;
    width: 100%;
    margin-left: 50px;
    background: black;
    color:white;
}
#sidebar {
    width: 50px;
    position: absolute;
    top: 0;
    left: 0;
    background: blue;
    color: white;
}

我希望 DIV 的宽度为 width:100%，但左边距为 50px，但不要将 div 推到另一端 50px 并启用水平滚动。

我知道这可以使用 jQuery 实现:

$('#container').width( $(window).width() - 50 );

但如果可能的话，我寻求的是纯 CSS 解决方案。

Answer 1

如果两个 div 都是绝对的，那么不要使用宽度。在容器 div 上使用 left:50px & right:0。 Div 相应地获得宽度。