0

私のナビゲーション バーは「仕事」セクションに正しくリンクしていますが、ナビゲーション バーで [ABOUT] をクリックすると、「about」h2 の上の約 300px までドロップダウンします。ポジション、ディスプレイに関係しているのではないでしょうか？追加すると、ABOUT アンカー リンクを取得して、about セクションに正しく移動できます。

#about{
    margin-top: 360px
}

これは、私の構築に関するより大きな問題に対する不十分なパッチのように見えますが。いろいろやってみたのですが、仕事、アバウト、連絡先のセクションが重なり合ってしまい、どちらも理解できません。divが適切にスタックされていないようです。どんな助けでも大歓迎です。

http://wrobbins.meがサイトです。ありがとう。

4

2 に答える 2

1

リンクをクリックすると、要素がどこにあるかが正確にわかります。要素内のテキストが上のブロック内aboutの要素によって押し下げられているだけです。job

問題はjobwrap要素です。その中のフローティング要素はそのサイズに影響を与えないので、高さはゼロです。

スタイルに追加overflow:hiddenする#jobwrapと、その子が含まれ、about要素はその下から始まります。

于 2013-01-14T02:20:48.380 に答える
0

フロートを使用するときは、下に置きたい親またはブロックを「クリア」する必要があります。これで、＃jobwrapブロックの高さがゼロになり、＃aboutの位置に問題が発生します。ホットフィックスとして使用#about{cloar:both;}し、floatとclearfixの詳細をお読みください。

于 2013-01-14T02:12:52.420 に答える