问题请教，nav-menu对齐问题
来源：5-14 综合案例二(小米商品导航菜单)
慕村8337265
2021-08-20
你好，在这个小米商品导航案例中，右边的nav-menu是根据什么定位到每个菜单的位置的？与菜单项左对齐我看用的是left:100%，这个参数如何理解？还有就是他如何与刚好与菜单项上对齐呢？
写回答
2回答
-
同学你好，首先左侧li跟右侧ul是嵌套关系，li是相对定位，而ul是绝对定位，根据定位的规则，ul要根据li进行偏移，所以0 0 点就是li左上角，那么ul的top：0就会跟li顶部对齐，而ul的left：100%，就是li 从0向右移动li宽度一样的值，也就是100% 就是li的宽，这样就可以把ul移动到指定位置啦。
222021-08-21 -
慕村8337265
提问者
2021-08-20
我大概知道了，是因为父容器中的position:relative;是吗？
00
相似问题