0

position:fixed;ナビゲーションバーがあります。mypage.html#myid に移動するたびに、ナビゲーション バーが の一部のコンテンツに重なって表示されますmyid。ナビゲーション バーがコンテンツを覆わないように、ページ全体を少し下に移動するにはどうすればよいですか?

PS やってみたbody{padding-top:50px;}

4

2 に答える 2

1

myid div で margin-top を使用することはできませんか? メイン コンテンツは div 内にある必要があり、この div は body 内にある必要があります。myid div は body から押し下げて、固定ナビゲーション バーに十分なスペースを確保できます。

いくつかのコードが役立ちます...

于 2012-04-10T01:44:06.510 に答える
0

少しハッキーな解決策が必要です。

#myID:before { 
  display: block; 
  content: " "; 
  margin-top: -285px; /* navigation height */
  height: 285px; /* navigation height */
  visibility: hidden; 
}

ロジックは、#myID コンテンツの前に隠し要素を追加して、ブラウザーが隠しスペースを提供するようにすることです。margin-top としてマイナス値を指定すると、物理的なスペースを確保できなくなります。

詳細については、こちらをご覧ください: http://css-tricks.com/hash-tag-links-padding/

于 2013-03-12T13:58:43.290 に答える