在包裝外部擴展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。