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/

如何将Div放置在具有自动边距的容器外并填充其余浏览器宽度？

1 个答案: