-1

Web デザイン クラスのページを作成し始めたところ、問題が発生しました。これまでのところ、マイページにはナビゲーションバーと写真があります。CSSを使用して両方を中央に配置したかったのです。

display: block;
margin-left: auto;
margin-right: auto

これをナビゲーション バーと img の両方に使用しました。ページのサイズが変更されても、ナビゲーション バーが常に画像の上にあるようにします。CSSでこれを行う方法はありますか？

4

2 に答える 2

1

要素に幅がある場合、余白は中央に配置されます。したがって、CSS は次のようになります。

img{
    width:300px;
    margin: 0 auto;
}

nav{
    width:600px;
    margin: 0 auto;
}

基本的なhtml:

<nav>
    <ul>
        <li>Something</li>
        <li>Something else</li>
    </ul>
</nav>
<img src="../path-to-file.jpg" alt="image">

それは両方の要素を中央に配置します。

ナビを常に画像の上に置くというのは…重ねるということですか？それとも、あなたの質問がこの回答の上にあるように「上」ですか？

あなたがそれを明確にするならば、私はこの記事を更新することができます.

于 2013-05-14T00:40:16.860 に答える
0

「ページのサイズが変更された場合でも、ナビゲーション バーを常に画像の上に表示したいのですが、CSS でこれを行う方法はありますか?」

z-index プロパティを使用http://www.w3schools.com/cssref/pr_pos_z-index.asp

ナビゲーションバーを一番上に固定したい場合はposition: absolute

于 2013-05-14T00:40:14.707 に答える