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

Question

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

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

有没有人有办法解决吗？

http://jsfiddle.net/SUP4d/

Answer 1

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

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