css - 扩展标题 div 的边框

Question

各位好心人可以告诉我如何将标题的边框或 div 扩展到页面的全宽吗？就像我的页脚一样。这是我的项目http://2facced.com/marc-ecko/在此先感谢。

Answer 1

您需要将它放在页面包装器之外。只需将它移到页面包装器之外，当我使用 Google 的 Inspect 元素对其进行编辑时，它就会自动变成 100% 宽度。如果您想将内容保留在标题上方，那么您必须做其他事情。我建议您将第一部分（在标题之前）包装到页面包装器中。将标题留在页面包装器之外，然后在标题之后启动另一个页面包装器。

Answer 2

您需要将这些标题元素的宽度从像素值修改为 100% - 像您现在所做的那样内联或在 CSS 文件中。您还需要将它们移到外面，#page-wrap因为它具有 992 像素的固定宽度。

#header1 div{
width:100%;
}

#header2 div{
width:100%;
}

Answer 3

您需要查看标题的容器以获取页面的完整宽度。如果标题容器的宽度具有某个固定宽度，那么即使您将标题的宽度设置为 100%，在您将标题绝对定位之前，您也不能超过该宽度。因此，请检查您的容器的标题以获得全宽。