单击菜单链接（单页站点）后，标题覆盖内容部分

Question

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

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

有人有解决办法吗？

http://jsfiddle.net/SUP4d/

Answer 1

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

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