div隐藏后不会以块或内联方式显示

Question

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

这是代码

select a.ID from table1 a left join table2 b on a.ID = b.ID where Baseball=1

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

我试过相对绝对的位置和其他东西没什么用。 我是CSS3的新手，我之前使用过桌子.....

DEMO在这里小提琴 https://jsfiddle.net/761khuLx/

Answer 1

为您的.separate <div>提供一个clear:both; CSS规则，然后它就会显示出来。

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

Answer 2

如果您希望展示div.seperate，请将clear:both添加到其中;

.seperate{
clear: both;
}