如何將Div放置在具有自動邊距的容器外部，並使其充滿瀏覽器寬度的其余部分？

Question

我在JSFiddle上有一個簡單的測試布局。 http://jsfiddle.net/jJuMH/我希望#outside div跨越瀏覽器的寬度直至容器，僅在容器的右側。 我已經嘗試過浮動，但是這使容器移位，並且絕對定位也不起作用。

#full{
    width:100%;
    height: 300px;
    background-color:#0CF
    }

#container{
           width:75%;
           position:relative;
           height:300px;
           background-color:#FF9900;
           margin:0 auto;
           }
#oustide {
          width:100%;
          height:50px;
          float:right;
          background-color:#66FF66
         }


<div id="full">
<div id="oustide"></div>
<div id="container"></div>
</div>

Answer 1

對我來說也真的沒有意義..但是為什么不僅僅使用流體塊來構建您的布局呢？

.left, .middle, .right {
    float: left;
    min-height: 250px;
}

.left {
  width: 20%;
  background-color: red;
}

.middle {
  width: 60%;
  background-color: green;
}

.right {
  width: 20%;
  background-color: blue;
}

小提琴： http : //jsfiddle.net/jJuMH/1/