在div外面扩展div边界?

时间:2012-08-10 12:57:02

标签: border

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吗?

1 个答案:

答案 0 :(得分:5)

是。您可以设置负边距,使div扩展到其父级like this之外。 (我只做了标题,但你明白了)

小提琴中的解决方案使用了令人讨厌的重要信息来确保样式正确 - 您可能需要重新组织CSS以解决此问题并使代码更易于维护,请参阅this post