全部的
我希望能够在我的CSS中使用calc()和Transform:TranslateX.
例如.，
#myDiv {
-webkit-transform: translateX(calc(100% - 50px));
-moz-transform: translateX(calc(100% - 50px));
transform: translateX(calc(100% - 50px));
}
虽然这在Chrome、Safari和Firefox中运行良好，但在IE10或IE11中不起作用.
你可以在这里看到一个简单的例子:http://jsfiddle.net/SL2mk/9/
这不可能吗？这是IE中的一个bug，还是calc()不应该在这种情况下工作？
不管怎样，我读了here篇文章，认为你可以"堆叠"translateX来达到同样的效果，我的测试似乎证实了这一点.即，
#div {
transform: translateX(calc(100% - 50px));
}
等同于:
#div {
transform: translateX(100%) translateX(-50px);
}
但我不知道这是不是最好的、最可靠的、面向future 的方式.
我也知道可以使用left代替translateX，但后者在使用过渡时要流畅得多，因为据我所知，它强制使用GPU来处理动画.
提前感谢您的建议和见解！