我使用html和css实现menu
。
在主mouseover
的{{1}}上,我必须在一个地方展示所有menu
。
为此,submenus
对齐不合适。
根据示例,测试5必须在测试2下,但它显示空白。
如何正确对齐?
注意:: submenus
项将是动态的,它们可能会增长或缩小。
答案 0 :(得分:0)
不幸的是,目前的标记是不可能的:如果Test5必须低于Test2,那么你如何自动告诉它不要低于Test1?该规则应该是什么?你的问题没有明显的答案:如果你需要不同大小的元素以空间有效的方式进行布局,没有太多的空白等,你可以用jQuery编写某种布局管理器来构建和重新定位你的菜单根据他们的内容。
答案 1 :(得分:0)
问题是您的子菜单向左浮动,测试5在测试3上挂起,因为它比测试4长。
您可以通过添加CSS规则来测试此项,以将子菜单设置为具有相同的高度。
ul .sub.sub10 ul{
height:180px;
}