子菜单水平对齐

Question

制作here is the menu，但当你移动到主punkt1子菜单时，它从punkt1 punkt4开始并结束。通过单击punkt2或3子菜单向右移动。如何这样一个子菜单总是固定在主菜单下并且没有移动？

我知道我可以在div中包装.mainnav li：hover ul或者添加ul类，但是我可以修复这个bug而不必插入div或添加类吗？

有我的子菜单代码

...
'text': '<>=+'
...

Answer 1

使用绝对位置

.mainnav {position: relative;}
.mainnav > li > ul {position: absolute; top: 50px; left: 0;}

http://jsfiddle.net/pmng54gb/12/

对于第三级，它将是类似的。