如何使用Css修复此问题

时间:2011-12-14 08:11:34

标签: css menu submenu

我使用html和css实现menu

在主mouseover的{​​{1}}上,我必须在一个地方展示所有menu

以下是click here jsfiddle

的示例

为此,submenus对齐不合适。

根据示例,测试5必须在测试2下,但它显示空白。

如何正确对齐?

注意:: submenus项将是动态的,它们可能会增长或缩小。

2 个答案:

答案 0 :(得分:0)

不幸的是,目前的标记是不可能的:如果Test5必须低于Test2,那么你如何自动告诉它不要低于Test1?该规则应该是什么?你的问题没有明显的答案:如果你需要不同大小的元素以空间有效的方式进行布局,没有太多的空白等,你可以用jQuery编写某种布局管理器来构建和重新定位你的菜单根据他们的内容。

答案 1 :(得分:0)

问题是您的子菜单向左浮动,测试5在测试3上挂起,因为它比测试4长。

您可以通过添加CSS规则来测试此项,以将子菜单设置为具有相同的高度。

ul .sub.sub10 ul{
 height:180px;
}

Link to updated jFiddle