【发布时间】：2012-05-26 10:12:09
【问题描述】：
请看下图。
现在我正在使用很多无序列表进行此操作 - 实际上是 5 个。我想在一个嵌套的 ul 中做到这一点。
我有两个问题：
如果子菜单嵌套在水平菜单中，如何在水平菜单上创建边框底部？
子菜单由 4 个不同的 ul 组成。我可以使用单个 ul 完成 4 列吗？一些菜单项可能会填满几行。
给解决这两个问题的人一品脱啤酒 :)
【问题讨论】：
标签： javascript html css
【发布时间】：2012-05-26 10:12:09
【问题描述】：
我不知道我是否明白了，因为您没有发布任何代码，但试试这个： http://jsfiddle.net/Djpsf/1/
- 请注意，您必须知道子菜单的高度才能在
#main上设置正确的下边距。 - 这可能但过于复杂，您必须重新排列子菜单中的项目并添加一些空项目。
【讨论】：
-
太棒了。我不认为我可以使用它，因为空的 li 的，但我确实学到了一个很好的定位技巧。如果有人可以照顾空的李，这个解决方案很棒！谢谢
-
使用空的
<li>s 是最简单的方法，但还有其他方法。例如，您可以将margin-left样式属性设置为 150 像素，用于左侧有空白区域的项目。如果子菜单是动态的，这必须通过 Javascript 完成。检查此更新：jsfiddle.net/Djpsf/2 -
哦，我才意识到。您的子菜单项在行中而不是在列中:(
-
是的，这就是为什么我说你必须重新订购这些物品。使用多列布局可以通过一些高级的 CSS3 属性来完成，但它们仍然不受太多用户代理的支持。
-
是的，我需要支持 ie8。好吧..我认为我会使用您的解决方案来定位子菜单。但是我使用 4 个 sub ul 而不是一个。谢谢！