在单击菜单链接（单页网站）后，标题包含内容部分

Question

我的“单页”网站上有一个固定标题。当您点击菜单项目
<a href="#itemone">Item One</a> 它会转到该部分。

标题的高度为50px，它涵盖了部分内容。

有没有人有解决方案？

http://jsfiddle.net/SUP4d/

Answer 1

尝试添加55px到margin-top（或padding-top）为body，并设置top: 0;到固定报头。

body, html { 
    margin-top: 55px; 
}