IE 中的 Css calc() 行为答案

【问题标题】：Css calc() behavior in IEIE 中的 Css calc() 行为
【发布时间】：2015-11-21 19:12:30
【问题描述】：

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

中的示例 fiddle:

主要问题是由于使用 css calc() 规则，内部 div 在 IE 中向右移动（Firefox 和 Chrome 显示它很好）。如果我在上面的示例width: 156px 中取消注释恒定宽度，它会起作用。

但它不适用于calc()。有什么办法可以修复 IE 吗？

附：我知道 IE8 及更低版本不支持calc()，我在 IE9 中尝试过。

【问题讨论】：

如果我们知道 *supposed9 的样子会有所帮助。
@Paulie_D，正如我上面写的，其他浏览器正确显示它（只需尝试在 Chrome 中打开这个小提琴）。主要目标是在p标签中显示文本水平右对齐，垂直居中

标签： html css internet-explorer css-calc

【解决方案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/

【讨论】：

谢谢，这绝对有帮助！我只是不知所措，因为 Chrome 和 Firefox 处理另一种（我猜是正确的）方式，所以我认为问题出在 calc()

【解决方案2】：

给你上课

.column {
   text-align: center;
}

【讨论】：

对你的代码做一点解释会更有帮助。
@Sersi，恐怕它不起作用（刚刚在 IE 中尝试过）