如何对齐菜单项



我只是在一个电子商务网站上工作,我正在尝试使用Codyhouse的CSS Mega Site导航来创建 MEGA菜单

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

我尝试了定位列表,但没有用。谁能指导我解决这个问题?

在这种情况下,问题是 float:left; 将在其向下移动时继续尝试浮动,首先采取最简单的选项(有在第6列的房间,这就是为什么选择了它的原因(。

所以,除了浮动外,我还会指示第8列清除前7个项目中的每一个,无论其高度如何。

我看不到您的HTML结构是什么,但是类似的事情应该可以解决问题。替换li您使用的任何子元素。

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

解释:7n是您要在开始新行之前想要拥有的列数,而8个是针对下一列的,因为您希望这列清除所有第一行的孩子。

最新更新