如何对齐菜单项

Question

我正在开发一个电子商务网站，我正在尝试使用CSS MEGA SITE NAVIGATION from Codyhouse创建超级菜单。

除了第二级菜单的水平对齐外，一切都很完美。

我尝试了定位列表，但没有用。 任何人都可以指导我解决这个问题吗？

Answer 1

在这种情况下，问题是 float：left; 会继续尝试浮动，因为它向下移动页面，首先选择最简单的选项（第6列的空间） ，这就是为什么它选择了一个）。

所以，除了浮动之外，我会指示第8列清除前7个项目中的每个项目，无论它们的高度如何。

我无法看到你的HTML结构是什么，但这样的事情应该可以解决问题。将li替换为您正在使用的所有子元素。

li:nth-child(7n + 8){
  clear: both;
}

要解释：7n是您在开始新行之前要拥有的列数，而8是指向下一列，因为您希望此列清除所有第一行的子项。