例如说有个DIV宽度为380px，里面有一个菜单列表，每个菜单宽度为60px，同时margin-right为20px。如果就按照下面代码来做的话，
这个菜单列表就不能在这个DIV里一行完整显示。
复制代码 代码示例:
1 <div>
2 <div>Fl</div>
3 <div>Ps</div>
4 <div>Fx</div>
5 <div>Dw</div>
6 <div>X</div>
7</div>
计算一下5个菜单，每个宽度为60px，右边外补白为20px，因此每个菜单整体宽度是80px，5个菜单总长度为400px，而父级层宽度只有380px那么第5个菜单将被挤下去。
怎么让他不换行呢？加个遮罩层（思路来源于photoshop）。
复制代码 代码示例:
1 <div>
2 <div class="overflowDiv">
3 <div>Fl</div>
4 <div>Ps</div>
5 <div>Fx</div>
6 <div>Dw</div>
7 <div>X</div>
8 </div>
9 </div>
父级层宽度380px，overflow为hidden，遮罩层宽度为菜单需要的400px。因此，很自然的，遮罩层多出的20像素部分则不会显示出来。而菜单就在这400px的宽度里为所欲为了
。方法解决起来也很简单的样子。
