【2025 day3】 50 Projects in 50 Days 项目学习 ✅第三天Rotating Navigation Animation页面Next.js + Tailwind CSS实现； 访问地址：https://winter-50projects50days.vercel.app/ 项目官网：https://50projects50days.com/ 今天白天都是在写这个页面，前端写起来目前还是有些吃力。得益于官方文档和ChatGPT的帮助，最终还是搞出来了。主要是GPT，基本一步问一下，然后记笔记、照葫芦画瓢写代码。感叹如果没有AI，真就不知道如何学起了。😂😂 记录一只小菜鸡今天遇到的一个疑问： 【现象】 ul下面有三个li，本来第一个li设置了translate-x-(-100%)后，文字尾部有部分是露在页面的，但是在设置了第三个li的margin-left:30px后，它向左移动消失了。 【分析】 1. 为什么第一个li的尾部会露出来？ li没有自定义宽度，默认继承ul的内容宽度，不包括padding，由于padding-left的影响，A的宽度大于B的空白部分宽度，所以左移100%会有部分露出。（如图） 2. 为什么设置了第三个li的margin-left之后，第一个li产生左移导致露出的部分消失了？ 第三个li设置了margin-left之后，导致ul的内容宽度增加了，第一个li左移100%的距离也增加了，所以露出的部分消失了。（如图）