html5怎么加网页外边框,在HTML5网页中添加CSS边框更改定位

当我在

HTML 5文档中添加边框时,我遇到了移动页面元素的问题.

我期望包含的标题元素(灰色)出现在屏幕的顶部,但它似乎从内部div(红色)获取边距.但是,如果我在标题中添加一个边框,它会出现在我预期的位置,红色的内部div只会略微移动！

(第1张图片：没有边框;第2张图片：带边框)

我尝试设置相对或绝对定位,使用div而不是header元素,设置margin和&填充为0,使用HTML4 doctype等.HTML验证.这是HTML剥离的一切,仍然无法正常工作.它发生在最新的Chrome& FF.

救命！！我错过了什么？或任何变通方法(除了保持边界)？

HTML：

Test

hello

CSS：

header {background-color:#CCCCCC; width:960px; height:430px;}

#mydiv {width:960px; height:320px; margin:80px 0px 0px 0px; background-color:#CC0000; }