質問: 宜しくお願いいたします。 FAQページを作成中で、ページ最上部に質問だけずらり並んでいて、クリックするとリンク先(ページ下部にある回答)に埋め込んだアンカーに飛びます。 しかしCSSで .header { height:180px; } .main_content { top:180px; } となっているので、飛んだ先の回答がブラウザ最上部、この180pxの部分に表示されて他の要素の裏に隠れてしまいます。リンク先のアンカーを180px下げて表示させるような方法はあるのでしょうか。 質問がわかりにくかったらスミマセン。
回答: おおう、なんか思ってたのと全然違ってびっくりしました笑 デザインはいい感じですね。 コードに関しては色々言いたいことがありますが (空要素 br などで閉じていないものがある、など)、書き換え途中っぽいので黙っておきます。 んで肝心の 「リンク先のアンカーを180px下げて表示させるような方法」 ですが、180px 下げているように見せかける手段として、padding-top で 180px 下げる、という方法があります。 そうすると上に 180px の隙間ができてしまいますが、そこは負のマージンで相殺しちゃうと問題無しです。 例えば、#a1 のリンク先を例にすると A.1 1001ツールはどのようにインストールすればよいですか? A.1 1001ツールはどのようにインストールすればよいですか? のように書き換えてみてください。 多分期待通りの動きになると思います。