我做了一个横向菜单。
它应该做的是让它下面的元素以有序的方式沿右侧排列。相反,它似乎随机地跳过整个页面,并且还有其他问题,例如闪烁。我一直坚持制作一段时间,并且会喜欢一些解决这些问题的技巧。这是一个显示问题的 JS FIDDLE ,所有内容都已删除。
感谢。
以下是当前的问题:
子菜单与主导航的右侧不完全对齐,即使其偏移量是通过主导航偏移+宽度计算的。
闪烁(使用大边框适度解决)
元素有时候不会捕捉鼠标悬停,重现我正在将鼠标一直向下移动以及关闭和向上移动
菜单滑出部分以略微随机的顺序进入页面的右下角,并继续向远处移动(yikes)
答案 0 :(得分:1)
闪烁问题的解决方案是使子菜单项重叠或触摸。这可以通过在菜单项中添加一个像素的白色边框来完成。
当谈到对齐问题(可能是预期的)时,你需要添加(两次)元素的填充和边框,因为宽度在填充内。