html - HTMLページの固定トップメニューを中央揃えにするには

Question

divタグでメニューバーを使用する単純な Web ページに取り組んでいます。タグを修正していないときは、div次を使用して中央に配置できます。

.top .overlay{
 background-image:none;
 text-align:center;
}

しかし、使用するとposition: fixed;、メニューの配置が機能しません

.top .overlay{
 background-image:none;
 position:fixed;
 text-align:center;
}

固定マージンを使えば動くのですが、画面の解像度によって挙動が変わってしまうのが難点です。

助けてください

score 2 · Accepted Answer

これを CSS に追加します。

.top .overlay {
    width: 100%;
    text-align: center;
}

パーツの取り外しもお忘れなくmargin-left: 18%;。

score 0 · Accepted Answer

#container {
    position :fixed;
    margin: auto;
    top:0%;
    width: *AS_REQUIRED* px;
}

#container p {
    text-align: center;
}

上記のように、2 つの部門を作成しました。

注<p> </p>：タグ内にテキストを書き込むと、テキストは中央に配置されます

score 0 · Accepted Answer

margin:0 auto;入れてみる.top .overlay {}

  .top .overlay{
background-image:none;
position:fixed;
text-align:center;
margin:0 auto;
}

score 0 · Accepted Answer

0

解決策: width100% に設定

.top .overlay{ ... 位置:固定; 幅: 100%; ... }

于 2012-09-04T19:37:03.350 に答える

score 0 · Accepted Answer

Firebug を使用してサイトでこの CSS を試してみたところ、うまくいきました。

.top .overlay {
    background-image: none;
    margin: 0 auto;
    width: 830px;
}

CSS プロパティのauto値は、 aが設定されmarginている場合にのみ機能します。widthプロパティも削除しましたposition。

5 に答える 5