在电脑上的二级菜单无法展开：
在手机上，整个菜单无法展开：
网址是：wotojo.com
业精于勤，荒于嬉;行成于思，毁于随。
要循序渐进，基本的展开都不正常还加特效，自己给自己找麻烦。例如.main-nav .sub-menu 这个样式里面有 transform: translate(0px, 100%)，去掉之后至少能看到 购物车和结算子菜单，但是位置不对懒得做更多分析了，一句话，姿势不对正确姿势是：1- 菜单正常展开2- 位置调整3- 条目样式调整4- 其他特效以上步骤依次完成，你一次把所有的css都写好了，结果就是根本不知道是哪个步骤出问题导致的无法展开。自己慢慢弄哈。
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
要循序渐进，基本的展开都不正常还加特效，自己给自己找麻烦。
例如
.main-nav .sub-menu 这个样式里面有 transform: translate(0px, 100%)，去掉之后至少能看到 购物车和结算子菜单，但是位置不对
懒得做更多分析了，一句话，姿势不对
正确姿势是：
1- 菜单正常展开
2- 位置调整
3- 条目样式调整
4- 其他特效
以上步骤依次完成，你一次把所有的css都写好了，结果就是根本不知道是哪个步骤出问题导致的无法展开。自己慢慢弄哈。