我有一个似乎无法掌握的 CSS 问题。有一个 div id = "header"
。在此之下有一个 UL,这是我的下拉菜单。在此之下,我有一个带有一些链接的 div。
现在的问题是最后一个div没有显示出来,因为它放在了UL下。我发现我可以用 来解决这个问题margin-top:29px
,因为菜单栏有那个高度,但这不是最好的解决方案。我希望它是好的和未来的证明。
我添加了 2 个在 Firebug 中可见的图像。在第二张图中可以看到,最后一个 div 比菜单栏小,放在菜单栏下方。
希望有人能告诉我我错过了什么。
编辑 我做了一个 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>