在包装外部扩展div边框？

Question

Here is my site

目前仍然摆弄着设计布局，有一个问题我不能解决。 在我的标题上，我有一个红色边框，将它与主内容分开。同样，在页脚上我有一个红色的上边框来做同样的事情。有没有一种方法可以将边界扩展到div之外（并因此在包装外部，溢出可见），而不会与其他元素冲突？我想配置布局，使其具有更多像网格一样的设计。

#wrap { 
width: 1000px; 
background-color: #ffffff; 
text-align:left; 
margin: 0 auto 0 auto; 
border-left: 1px solid #000000; 
border-right: 1px solid #000000; } 

#head{ 
background-color: #ffffff; 
width: 1000px; 
height: 159px; 
border-bottom: 1px solid #ff0000; } 

有点像this？

Answer 1

是的。您可以设置负边距，导致div扩展到其父项的外部，like this。 （我只做了标题，但你明白了）

小提琴中的解决方案使用烦人的！重要的是让样式正确 - 您可能想要重新组织您的CSS来解决此问题，并使代码更易于维护，见this post。