好像这个标题看上去很容易的样子，但是并不是这样的。

实现效果如图。右侧菜单的起始位置确定，但是宽度不确定，左侧菜单的必须靠这右侧菜单距离3像素。

因为左右菜单宽度不确定，导致的一个问题是，无法计算左侧菜单的左侧偏移量或者是相对右侧菜单的右侧便宜了。修改了html结构多次无果以后，准备放弃css的方法采用js。

突然想起为什么要去计算left或者是right呢？！

单纯的偏移一个宽度不行么。

css3中，变化的属性是

transform

查询W3C中transform对应的值可以查到如下结果

根据我们的要求，只能使用translateX使得左侧菜单在X轴平移100%的宽度，完美解决