水平杆延伸外容器

Question

我不确定我会搜索什么，但我相信它就像改变位置类型一样简单：在CSS中使用。

我有一个容器DIV（宽度：960px），我想要一个橙色的“条形”，但它会比它的容器宽，它将是100％。我怎样才能做到这一点？

Answer 1

您可以使用绝对定位来达到此效果。

<强> HTML：

<div id="wrapper">
    <div id="orange-bar"></div>
</div>

<强> CSS：

#orange-bar {
    position: absolute;
    left: 0;
    right: 0;
}

JS小提琴：http://jsfiddle.net/Xh8uL/2/