如何动态定位绝对div？

Question

比方说，我的页面宽度为1000px，我的标题使用justify-content: space-between包含10个水平导航元素。 如果将鼠标悬停在nav 1链接上，则绝对菜单div的宽度将显示为特定宽度，并且将left: 0悬停，如果我将鼠标悬停在nav 2上，则另一个菜单div仍将显示left: 0。但是，当我将鼠标悬停在nav 7或nav 8上时，如何自动使菜单正确对齐（right: 0）？

Answer 1

您的问题缺少很多信息，包括正在使用的代码。看来您可能正在寻找第n个子伪类来定义范围。

以下内容是通用的，因为您没有提供HTML示例，并且会影响第6至第10个孩子。

CSS：

 li:nth-child(n+6):nth-child(-n+10){
 right:0;
 }