当一个li元素高度增加时，使其他li元素环绕

Question

我正在制作一个下拉菜单。我遇到的麻烦是，我有3级<ul>，而<li>的高度增加，因为它正在容纳另一个<ul>然后所有其他<li>第二级别没有环绕它。

您可以在此Fiddle

中查看情况

当您将鼠标悬停在技术上时，您可以看到网页设计 <li>的大小因为另一个{{1}而更大它是适应性的，因为排版和前端已经落在下面。有没有办法让它们环绕？

Html结构是这样的：

<ul>

编辑：附上一些屏幕截图 此图像显示当前问题，请参阅排版和前端

的位置

下图显示了我想要实现的目标，请参阅排版和前端

的位置

Answer 1

在这里：JSFiddle

UPD ：JSFiddle in acc to screenshot（需要更新CSS规则）

UPD ：JSFiddle example based on classes

我刚刚删除了margin-left:20px;

上的#nav li ul li > ul

在Safari 6.1（Mac OS X 10.9）上测试| UPD ：另外在Chrome（30）＆amp; Mac OS X 10.9下的FF（23.0.1）