javascript - 多级导航

标签 javascript html css

请看下图。

现在我正在用很多无序列表来做这件事——实际上是 5 个。我想在一个嵌套的 ul 中完成。

我有两个问题:

  1. 如果子菜单嵌套在水平菜单中,如何在水平菜单上创建边框底部?

  2. 子菜单由 4 个不同的 ul 组成。我可以使用单个 ul 来处理 4 列吗?一些菜单项可能会填满行。

给解决这两个问题的人一品脱啤酒 :)

http://dl.dropbox.com/u/333152/menu.png

最佳答案

我不知道我是否明白了,因为你没有发布任何代码,但试试这个: http://jsfiddle.net/Djpsf/1/

  1. 请注意,您必须知道子菜单的高度才能在 #main 上设置正确的下边距。
  2. 这是可能的,但过于复杂,您必须重新排序子菜单中的元素并添加一些空元素。

关于javascript - 多级导航,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10765351/

相关文章:

html - 试图制作一个 div 格式以适应 svg 图像

css - 具有固定标题和固定第一列的动态 HTML 表格

javascript获取样式和增量

javascript - 调用子类函数时调用父类(super class)函数

javascript - 使用 CSS/Javascript 使具有部分透明度的背景图像变暗

php - 在 cakephp 中执行此操作的最佳方法是什么

html - 让 CSS 网格行填充可用空间

css - Firefox 上的 Google 网络字体 Montserrat 问题 - 粗体

javascript - 减少数组累加器中的推送方法不可用?

javascript - 防止提交时意外关闭浏览器窗口