IE中的Css calc（）行为

Question

我的目的是将内部div放在容器的中间。

中的例子 fiddle:

主要问题是因为使用了css calc()规则，内部div在IE中向右移动（Firefox和Chrome显示正常）。如果我在width: 156px上方的示例中取消注释常量宽度，则可以正常工作。

但它不适用于calc()。有没有办法为IE修复它？

P.S。因为我知道IE8及更低版本不支持calc()，我在IE9中试用它。

Answer 1

尝试这个新的小提琴，你的CSS中有几个错误。你走了：

http://jsfiddle.net/tuwd3tqg/1/

首先，你在哪里使用position: absolute，我不知道为什么。其次，您使用top和right的位置必须使用position: relative。第三，使用right的地方，我更改为margin-right，项目必须float: right才能使用right。

修改

如果您希望文本在中心对齐，请将以下属性添加到您的包装器text-align: center。这是一个更新的小提琴：http://jsfiddle.net/tuwd3tqg/2/

Answer 2

给你的课

.column {
   text-align: center;
}