如何防止固定位置标题扩展超出浏览器宽度

我的页面顶部有一个固定标题，它应该是宽度：100％，但它超出了窗口的宽度。谁能告诉我我在这里失踪了什么？我已经尝试将父div重置为0边距。我已经尝试在父div中包装标题。我试图按照建议的here添加箱子大小，这也没有帮助。在任何情况下，标题都会继续扩展到浏览器窗口的右侧。如何防止固定位置标题扩展超出浏览器宽度

HTML：

<body> 
    <div class='header'> 
    <h1 class='name'>some name</h1> 
    <button class='link-button' type='menu'>Links</button> 
    <div class='navigation-links'> 
     <a href="#link" class='header-link'>some link</a> 
    </div> 
    </div> 
    <div> 
    <h3>content</h3> 
    ... 
    </div> 
</body>

CSS：

html { 
    margin: 0; 
    padding: 0; 
    font-family: 'Roboto Slab', serif; 
} 

body { 
    margin: 0; 
    padding: 0; 
} 

.header { 
    position: fixed; 
    top: 0; 
    left: 0; 
    width: 100%; 
    z-index: 1; 
    background-color: rgba(27,62,111,1); 
    text-align: center; 
    height: auto; 
    margin-bottom: 0; 
}

感谢您的帮助！

来源

2014-10-07 beaglebets

在Chrome中我看起来很好。也许添加一个截图？ – ipavl 2014-10-07 02:11:08

无法使用您发布的代码进行复制。 – 2014-10-07 02:11:09

对我来说也适用于铬。 – EternalHour 2014-10-07 02:16:22