3

こんにちは私は、1つの大きなナビゲーションdivに複数のdivコンテナで構成されるナビゲーションバーを作成しようとしています。

私のアプローチが正しいかどうかはわかりませんが、次のようにしようとしました。

<div id="navigation">

    <div class="innen">
        <div class="logo">
            <a href="index.html"><img class= "logo" src="logo.png" title="Logo"/></a>
        </div>

        <div id="bar">
        <!-- Navigation Items are in here --!>
        </div>

        <div id="gamecard">
        <!-- Another right floated Element !-->
        </div>
    </div>
    <div class="unten">
        <p>You are here: <a href="index.html">Main</a></p>
    </div>
</div>

トップパディングを使用して、画像の高さに合わせてバーdivを押し下げたいと思いました。

#bar{
padding-top: 80px;
}

しかし、今ではゲームカードコンテナも下に移動します。どうすればこれを防ぐことができますか？

jfiddleも追加しました：http： //jsfiddle.net/Cv4p2/

4

2 に答える 2

2

position：absoluteを使用してみてください

<div id="bar" style="position:absolute; padding: 80px 0 0 0">
</div>
于 2013-01-09T00:28:33.063 に答える
1

パディングは、それを実装するコンテナ内にクッションを追加することを目的としています。マージンを使用することでメリットが得られるようです。「padding-top：80px;」を置き換える必要があります 「margin-top：80px;」そして、あなたは望ましい効果を達成するでしょう。

于 2016-12-03T06:17:55.197 に答える