Html 添加边框会将包装器向上推，并使div内容溢出？

我一直在试图找到解决这个问题的方法，在谷歌上搜索了一个多小时，但我不知道如何解决这个问题。如果我向div包装添加边框，它会将包装向上推到页面顶部，而浮动的div保持在相同的位置。我尝试过摆弄溢出属性以及相对和绝对位置

css在这里

html, body 
{ 
        height : 100% ;
        margin : 0 ;
        padding : 0 
}

html { background : #FFFFFF } 

#wrapper 
{ 
       background : #0066FF ;
       color : white ;
       height : 780px ;
       width : 1620px ;
       font : 16px "Arial", sans-serif ;
       margin : auto ;
       border : 4px solid black 
}



#header 
{ 
         height : 90px ;
         text-align : center ;
         color : black ; 
         background : #66CCFF ;
         padding : 3px 0px ;
         margin : 100px 0 10px ;
         clear : both
}

#header h1 
{
        font-weight : bold ;
        font-size : 35px ;
        padding : 20px 0
}

#left 
{ 
        float : left ;
        width : 180px ;
        height : 660px ;
        background-color : #66CCFF ;
        padding : 5px ;
        margin-right : 25px
}

#content 
{ 
     float : left ;
     background-color : #66CCFF ; 
     color : black ;
     height : 660px ; 
     width : 1140px ;
     margin-right : 25px ;
     padding : 5px 
}

#right 
{ 
       float : left ;
       background-color : #66CCFF ;
       color : black ;
       width : 220px ;
       height : 660px ;
       padding : 5px 
}

#footer 
{ 
       background-color : black ; 
       clear : both 
}

---

我还做了一个包含HTML和一个带有深蓝色背景的包装器示例的示例，该示例在页面上跳跃。

这种类型的问题通常是由默认的空白和填充引起的。浏览器有一个默认的填充设置，很像5或10像素，这有时真的很令人沮丧。当然，这并不总是导致问题的原因。每当遇到这样的问题时，我都会尝试将填充0和边距0添加到代码中的每个对象，甚至html和正文，例如：

#example {
margin: 0px;
padding: 0px;
};

试试看[我看到你有几件，但不是每件物品都有]。 我不确定这是否能解决这个问题，但值得一试，而且对我来说经常有效。这对任何人来说都是一个令人沮丧的问题

---

编辑：[删除了关于结束标记的注释]

好的，回答我自己的问题。我把header div放在包装器外面，设法解决了这个问题。这样我就可以在页眉和包装上加上边框，而不会使页面向上移动。当然，我在页眉上使用了border-bottom:none，在包装器上使用了border-top:none，然后边框看起来与内容的位置很好

---

我不认为这是最好的答案，因为我还没有完全确定问题的原因，但我会继续寻找。

H克里斯，我认为我的结束括号足够了。在开始括号和结束括号内可以有多少选择器有限制吗？另外，我使用了一个reset.css文件，它将边距和填充重置为0，但这没有任何区别。是的，请注意我所说的结束标记。我想我有点糊涂了，那样做实际上会导致错误。我道歉。是的，做CSS重置应该可以解决这个问题。我知道对我来说，我必须手动将代码插入到实际的CSS值中才能使其工作。当然，我可能是错的，这只是我玩过的那种有效的方法，可能有更好的方法来做。此外，进一步扩展这一点，“块格式上下文”是一个常见的问题。除非创建新的块格式上下文，否则两个div的上下边距可能会塌陷，从而导致问题。你可以在这里读到我用的是micros clearfix黑客