html - 单杠延伸外箱

Question

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

我有一个容器 DIV（宽度：960 像素），我想要一个橙色的“条”在它的某个地方，但它会比它的容器更宽，它将是 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/