2

把握できない CSS の問題があります。とのdivがありid = "header"ます。その下に、私のドロップダウン メニューである UL があります。その下に、いくつかのリンクを含む div があります。

問題は、UL の下に配置されているため、最後の div が表示されないことです。margin-top:29pxメニューバーにはその高さがあるため、これを で修正できることがわかりましたが、これは最も良い解決策ではありません。素敵で将来性のあるものにしたい。

これが Firebug で表示される 2 つの画像を追加しました。2 番目の図でわかるように、最後の div はメニューバーよりも小さく、メニューバーの下に配置されています。

うまくいけば、誰かが私に欠けているものを教えてくれます。

firebug1 の css イメージ firebug2 の css イメージ

編集 私は今得たものを示すためにjsfiddleを作成しました（メニューの行がたくさん含まれているCSSについては申し訳ありません） http://jsfiddle.net/Ecz4W/

元の HTML:

<div id="header">
<h1 id="logo"><a href="/">Koffers4u</a></h1>
<div id="navigation">
    <ul>
        <li><a href="/">Home</a></li>
        <li><a href="contact.php">Contact</a></li>
    </ul>
</div>
</div>
<ul class="dropdown dropdown-horizontal">
<li><a href="./" class="dir">Menu1</a>  
    <ul>
        <li><a href="./">All</a></li>
    </ul>
</li>
<li><a href="./" class="dir">Menu2</a>
    <ul>
        <li><a href="./">All</a></li>
    </ul>
</li>
</ul>
<div>
<p>
    <a href="http://www.cnn.com" target="_blank">cnn.com</a><br/>
    <a href="http://www.cnn.com" target="_blank">cnn.com</a><br/> 
    <a href="http://www.cnn.com" target="_blank">cnn.com</a><br/>
    <a href="http://www.cnn.com" target="_blank">cnn.com</a><br/> 
</p>
</div>
4

2 に答える 2

0

z-index を使用して、要素を特定の順序でスタックに配置します。詳細: http://coding.smashingmagazine.com/2009/09/15/the-z-index-css-property-a-comprehensive-look/

于 2013-05-10T11:28:07.390 に答える