jquery - div 之后的 DIV 被隐藏并且不会在 block 或内联中显示

Question

奇怪的标题，但我可以解释并展示一个演示:我有一个下拉菜单 UL LI，它工作正常，但在菜单之后我有一个 div 在左栏导航 div 上给它一些空间，所以它看起来不错，在空间之后我会有更多内容。问题是第二个 div(第一个 div 菜单之后的间隔)隐藏在顶部 div 后面并且不会显示。

这是代码

<div class="menu">
<ul>
<li>
<a href="#"><span class="normal icono-menu"></span>Menu</a>
<ul class="submenu">
<li><a href="#link"><span class="normal icon-link"></span>Link One</a></li>
<li><a href="#link"><span class="normal icon-link"></span>Link Two</a></li>
</ul></li>
</ul></div>

<div class="separate"></div>

//More content comming here

如您所见，DIV 菜单是一个下拉菜单，然后是分隔 div，然后是更多内容。

我试过相对绝对位置和其他东西都没有用。我是 CSS3 的新手，我以前用过表格.....

DEMO fiddle 在这里 https://jsfiddle.net/761khuLx/

Answer 1

给出你的.separate <div>一个clear:both;然后它应该显示 CSS 规则。

那是因为你有一些 float:left; s 在您的菜单中。