0

コーディングを行う際に、画面がスクロールして中央に配置されたときにdivの「ホールド」を修正しようとしています。中にdivがあり、ロゴとナビゲーションがあり、スクロールするとすべてページが下に移動します。

何らかの理由で、すべてを試した後、divの「ホールド」をページの中央に配置できません。

#hold {
width: 900px;
height: 100px;
margin: 0 auto;
position:fixed;
}

これは、コードの残りの部分を見たい場合のサイトのライブビューです 。http： //fuse.orgfree.com/Portfolio%202012/ ロゴのあるdivは中央からはるかに離れているはずですが、うまくいきません。 。

ありとあらゆる支援に感謝します！どうもありがとう！

4

3 に答える 3

2

これposition: fixedが、ホールドdivが適切に中央に配置されない原因です。その行を削除すると、divがページの中央に移動します。

于 2012-06-25T16:44:21.310 に答える
2

この CSS を hold div に追加します。

#hold {
left: 50%;
margin-left: -450px;
}

margin-left プロパティは、div の幅の半分にする必要があります。

于 2012-06-25T16:46:27.233 に答える
2

divの例

<div class="center"></div>

次のスタイルで完全に中央揃えされ、固定されています。

.center{
    position: fixed;
    top: 50%;
    left: 50%;
    width: 200px;
    height: 200px;
    margin: -100px 0 0 -100px;
    background-color: blue;
}​

ここでデモンストレーションを見つけることができます。

水平方向にのみ中央に配置するには:

.center{
    position: fixed;
    left: 50%;
    width: 200px;
    height: 200px;
    margin-left:-100px;
    background-color: blue;
}​

div のコンテンツも中央揃えにするか、流動的にします。

于 2012-06-25T16:47:19.007 に答える