css - 转义 div 容器的边界

Question

好吧，我知道 DIV 的目的是包含它的内部元素——我不想说其他的话让任何人不高兴。但是，请考虑以下情况:

我的网页(只占整个页面 70% 的宽度)被一个容器(一个 div)包围着。但是，在页面顶部的导航栏下，我想创建 w 横幅，它占据整个页面宽度的 100%(这意味着它必须扩展到其容器的边界之外，因为容器仅占页面宽度的 70%)。

这是我试图实现的基本想法:http://www.petersonassociates.biz/

有没有人对我如何做到这一点有任何建议？如果有任何帮助，我将不胜感激。

埃文

Answer 1

如果您只想让元素的背景延伸到整个页面，这也可以通过负边距来实现。

简而言之(根据评论更正):

.bleed {
padding-left: 3000px;
margin-left: -3000px;
padding-right: 3000px;
margin-right: -3000px;
}

这会为您提供水平滚动条，您可以通过以下方式删除该滚动条:

body {overflow-x: hidden; }

http://www.sitepoint.com/css-extend-full-width-bars/ 有指南.使用伪元素执行此操作可能更具语义:http://css-tricks.com/full-browser-width-bars/