html - メニュー リンクをクリックすると、コンテンツ セクションがヘッダーで覆われる (1 ページ サイト)

Question

「1 ページ」の Web サイトに固定ヘッダーがあります。メニュー項目をクリックする
<a href="#itemone">Item One</a> と、セクションに移動します。

ヘッダーの高さは 50px で、コンテンツの一部を覆っています。

誰にも解決策がありますか？

http://jsfiddle.net/SUP4d/

Answer 1

に(または) を追加55pxして、固定ヘッダーに設定してみてください。margin-toppadding-topbodytop: 0;

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