Html Div在容器外流动-可能吗？

因此，我使用了一个名为skeleton的响应性框架，它工作得很好，但是，对于页眉和页脚这样的部分，我希望背景能够覆盖100%的页面宽度，这是现在流行的设计选择

---

是否有人有一种解决方法，可以在容器外部弹出一个div？

假设容器具有默认的position属性（static），您可以给标题一个

位置：绝对值
。然后设置
top:0
、
left:0
和
right:0

确保将容器的顶部边距或填充设置为与为标题定义的高度相同

如果为容器指定了相对、绝对或固定的位置值，则此操作无效。
skeleton.css第301行：

Try this:
body {
font-family: 'Open Sans',sans-serif;
font-size: 0.875em;
overflow-x: hidden;
}
.header-container {
background-color: #CCCCCC;
float: left;
height: 100px;
margin-left: -400px;
overflow: hidden;
padding-right: 800px;
width: 100%;
}
#header {
margin-left: 409px;
margin-top: 10px;
text-align: center;
}

.container:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    visibility: hidden;
}

此声明将确保容器之后显示的任何内容都不可见，因此不会以任何方式中断页面上的网格

容器还设置为960px宽和
position:relative
（skeleton.css第24行），这意味着您无法在容器div内创建任何可以设置为页面宽度的内容，而无需使用javascript（+jquery以简化）。在大多数网站上，对于这样一个关键的设计特性，依赖它并不是一个好主意

我会尝试删除.container上的：after声明，然后在下面添加一个宽度为100%的新
；高度：128px并查看它如何影响您的网格作为起点。
我应该说-使用网格系统，所有内容都需要在容器中-我的测试页面是在那里可以看到标题周围的灰色边框，这是我（失败）的尝试。好的，我在上面添加了一些css，请尝试一下。谢谢，它适用于全屏显示，但在使用手机尺寸时开始变得时髦起来。我想我可以将页眉和页脚放在容器外，但这似乎不是一种特别的语义方式。这将是最好的选择，并将宽度设置为100%。当从纵向切换到横向时，它在移动设备上运行得非常好。容器确实是相对位置的。如果是这样的话，我不知道还有什么其他方法可以很好地实现这一点。您可以应用一个巨大的负左右边距，并使用同样巨大的正边距对其进行偏移，但这将在右边距延伸到浏览器视口之外的位置添加滚动条。只有当容器的溢出设置为可见时，这种不太理想的攻击才会起作用。