有浮动div的问题

Question

我以前从来没有遇到浮动div的问题，但是我正在研究的当前项目似乎正在发生一些可疑的问题。对于我的生活，我不能让divs彼此相邻。

以下是网站：http://travel.tailwatersflyfishing.com UN：管理员 PW：管理员

你会看到两个浅灰色的标记为“淡水目的地”＆amp; “盐水目的地”，这些是我无法在彼此旁边浮动的div。

我一直在桌子上敲我的头两个小时，所以我觉得我的技能组合之外还有什么东西？

Answer 1

因为你在每个菜单项之后都有这个

<div class="clear"></div><br>

删除它，它可以正常工作

Answer 2

在以下"<div class="clear"></div><br>"结束后移除"div"

<div class="menu-freshwater-destinations-container"></div>

并将CSS中类"float"的{​​{1}}属性更改为"div.menu-saltwater-destinations-container"。

一切都会正常。