Html 无法将页眉粘贴在页面顶部

我有一个标题，我想随着页面上下滚动。这很有效。我还想把它“粘”到页面的顶部

我总是在页眉和页面顶部之间找到这个间隙。检查图像。我怎样才能缩小这个差距

这是标题的

css

header {

    padding-left:5%;
    padding-right:5%;
    margin:auto;
        margin-top:0%;
        padding-top:0%;
        top:0;
    width: 50%;
        height:auto;
    border-left:1px solid gray;
    border-right:1px solid gray;
    border-top:1px solid gray;
    border-bottom:1px solid gray;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
    background-color:#5C8AE6;
    text-align: center;
    padding-bottom:0%;
    overflow:auto;
    box-shadow:2px 2px 10px 10px #C9C9C9;
    -webkit-box-shadow:2px 2px 10px 10px #C9C9C9;
    -moz-box-shadow:2px 2px 10px 10px #C9C9C9;

  /* Shadow around the header, For IE<9 */  
  filter:
 progid:DXImageTransform.Microsoft.Shadow(color=#C9C9C9, direction=0, strength=5),  

progid:DXImageTransform.Microsoft.Shadow(color=#C9C9C9, direction=45, strength=2),  

progid:DXImageTransform.Microsoft.Shadow(color=#C9C9C9, direction=90, strength=5),  

progid:DXImageTransform.Microsoft.Shadow(color=#C9C9C9, direction=135, strength=5),  

progid:DXImageTransform.Microsoft.Shadow(color=#C9C9C9, direction=180, strength=10),  

progid:DXImageTransform.Microsoft.Shadow(color=#C9C9C9, direction=225, strength=5),  

progid:DXImageTransform.Microsoft.Shadow(color=#C9C9C9, direction=270, strength=5),  

progid:DXImageTransform.Microsoft.Shadow(color=#C9C9C9, direction=315, strength=2);
    background: -webkit-linear-gradient(#5C8AE6, #6C96E8);
    background: -o-linear-gradient(#5C8AE6, #6C96E8);
    background: -moz-linear-gradient(#5C8AE6, #6C96E8);
    background: linear-gradient(#5C8AE6, #6C96E8);
}][1]

标题{
左：5%；
右：5%；
保证金：自动；
利润率最高：0%；
填充顶部：0%；
排名：0；
宽度：50%；
高度：自动；
左边框：1px纯色灰色；
右边框：1px纯色灰色；
边框顶部：1px纯色灰色；
边框底部：1px纯色灰色；
边框左下半径：10px；
边框右下半径：10px；
背景色：#5C8AE6；
文本对齐：居中；
垫底：0%；
溢出：自动；
盒影：2PX2PX10PX10PX#C9C9C9；
-webkit盒阴影：2px 2px 10px 10px#C9C9C9；
-moz盒阴影：2PX2PX10PX10PX#C9C9C9；
/*标题周围的阴影，对于IE对于固定标题-您需要添加
position:Fixed；
css属性

添加，如果要删除空格，请将以下属性添加到
标题

position:absolute;
margin-top:0;

您有
top:0；
但未分配职位

使用

position:absolute；
如果希望页眉与页面的其余部分一起滚动

使用

position:fixed；
如果您希望标题粘贴到顶部，并让内容滚动到它旁边。
使用
position:fixed；
和
left:20%；
将标题保持在中间位置

您是否尝试过：

 position: absolute;

我还将使用webkit和moz组件作为边界半径，以确保跨浏览器兼容性

-webkit-border-radius: 0 0 10px 10px;
-moz-border-radius: 0 0 10px 10px;
border-radius: 0 0 10px 10px;

我也会设定利润回避百分比，即使它可能没有影响

margin: 0 auto;

或者页面的链接。可能是HTML或CSS中的其他内容导致了问题。还有，哪个浏览器有问题？。就此而言，他可能也可以从
框阴影中删除这些内容。遗憾的是，我仍然有客户端（使用Mac）如果我不添加webkit前缀，那就看不到圆形边框，也看不到阴影。这很令人惊讶，但我想你必须做你必须做的事情。据我所知，最近几个版本的OSX附带Safari>4.0（因此不需要），并且通过标准操作系统更新，你可以得到border radius支持，最早可以追溯到OSX 10.5“Leopard”（2007年发布）。