单击菜单链接(单页网站)后，标题覆盖内容部分

Question

我在"一页"网站上有一个固定的标题。单击菜单项时
<a href="#itemone">Item One</a>它转到该部分。

Header的高度为50px，它覆盖了部分内容。

有人有解决方案吗？

http://jsfiddle.net/SUP4d/

Answer 1

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

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