2

いくつかの異なるルールを試しましたが、トップメニューを中央に配置できます。位置を絶対または相対に変更すると、中央に移動しますが、何らかの理由で高さが100％になります。5つを子供のサイズにしたいので、高さを設定していません。

HTMLは次のとおりです。

<div id="topWrapper">
    <a href="index.html">
        <header id="top_header">
            <h1>MacroPlay Games</h1>
        </header>
    </a>
    <nav id="topnav">
        <ul>
            <a href="index.html"><li>Home</li></a>
            <a href="about.html"><li>About</li></a>
            <a href="video.html"><li>Trailers</li></a>
        </ul>
    </nav>   
</div>

CSS：

#topWrapper {
    border:1px solid #00ffff;
    background-color:#0d0d0d;
    text-align:center;
    position:fixed;
    z-index:9999;
    width: 850px;
    margin: 0px auto;
    float:clear;
}

フィドル： http： //jsfiddle.net/kjAAy/

4

4 に答える 4

8

margin:0 autoで追加left:0px; right:0px

#topWrapper {
    border:1px solid #00ffff;
    background-color:#0d0d0d;
    text-align:center;
    position:fixed;
    z-index:9999;
    width: 850px;
    margin: 0 auto; left:0px; right:0px;
    float:clear;
}

デモ

同じ方法でも機能しますposition:absolute

于 2013-02-15T06:02:25.033 に答える
1

元のコードと、Sowmya からの最も人気のある応答のコードに小さなエラーがあることに気付きました。

より具体的には、問題のプロパティは「float: clear;」であり、私の知る限り、「float: clear;」というものはありません。

残念ながら、このアカウントを作成したばかりなので、エラーを修正したり、その投稿に返信したりすることができません。そのため、新しい投稿を作成しました。

ここでフロート CSS プロパティの W3C を確認できます: http://www.w3.org/wiki/CSS/Properties/float

リストされている値は「左 | 右 | なし | 継承」です。

聞いてくれてありがとう！

于 2014-10-07T12:44:17.960 に答える
0 
Position="fixed" is not recommended though.
<div id="someid" align="center">
 --whatever code--
</div>

これで十分です。position タグの目的を読むことをお勧めします。 http://www.barelyfitz.com/screencast/html-training/css/positioning/

于 2013-02-15T06:19:40.503 に答える
0

または、次を使用できます。

border:1px solid #00ffff;
background-color:#0d0d0d;
text-align:center;
position:fixed;
z-index: 9999;
width: 850px;
float: clear;
left: 50%; /* position halfway from the left of screen */    
margin: 0px 0px -425px 0px; /* pull the div into center */ }

フィドル: http://jsfiddle.net/zXFdN/3/

ps align="center" は HTML5 ではサポートされていません: http://www.w3schools.com/tags/att_div_align.asp

于 2013-02-15T06:23:44.440 に答える