CSS - 以 % 和 px 组合定位

【问题标题】：CSS - positioning in % and px combineCSS - 以 % 和 px 组合定位
【发布时间】：2014-12-03 02:33:16
【问题描述】：

有没有办法设置这样的div：

right: 50% - 450px;

我需要它兼容所有分辨率。这是一个固定的 div，我需要它位于中心 + 右侧 450 像素。有人有建议吗？

希望你明白我的意思。

【问题讨论】：

【解决方案1】：

习惯了Calc()

calc() 是一种原生 CSS 方式，可以在 CSS 中直接进行简单的数学运算，以替代任何长度值（或几乎任何数值）。它有四个简单的数学运算符：加法(+)、减法(-)、乘法(*)和除法(/)。能够在代码中进行数学运算非常好，并且是对数量相当多的语言的一个受欢迎的补充。

right: calc(50% - 450px);

【讨论】：

【解决方案2】：

您可以像这样使用calc() function 做到这一点：

CSS：

div {
     right: calc(50% - 450px);
}

【讨论】：