之前做了一个自定义鼠标右键的布局，做的过程中遇到了一个很有趣的问题，之前一直没有注意到。
目标样式如下：
期初并不知道文字内容需要随机，所以写的时候写“死”了。
所有的内容都是按照设计的四个文字走的，给了，二级菜单“rightMouse_1”使用的是“position: absolute;left: 150px;”；一切都很完美，直到... ...发现突然有一个非“四字”的冒出来，文字折行显示了...怎么办？快给一个最小宽度，让它自适应吧~
哦，不起作用，绝对定位以后，脱离了文档流，那怎么办？改。改。改。
咦，可以了，我用了什么？
只是把left换成了right就可以了。。。文字宽度就可以自适应了！
就是这么神奇！
1 <div class="rightMouse">
2 <ul class="rightMouseLevel_1">
3 <li>
4 <a>一级菜单</a>
5 <div class="rightMouse_1">
6 <ul class="rightMouseLevel_2">
7 <li><a>二级菜单</a></li>
8 <li><a>二级菜单</a></li>
9 <li><a>我是二级菜单例子</a></li>
10 </ul>
11 </div>
12 </li>
13 <li><a>一级菜单</a></li>
14 <li><a>一级菜单</a></li>
15 <li><a>一级菜单</a></li>
16 <li><a>一级菜单</a></li>
17 <li><a>一级菜单</a></li>
18 </ul>
19 </div>