CSS - 以%和px结合的定位

时间:2014-10-08 12:21:46

标签: css positioning fixed

有没有办法像这样设置div:

right: 50% - 450px;

我需要它兼容所有分辨率。 它是一个固定的div,我需要它在中心+ 450px到右边。 有人有建议吗?

希望你理解我的意思。

2 个答案:

答案 0 :(得分:1)

您可以使用calc() function这样做:

CSS:

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

答案 1 :(得分:1)

用于此Calc()

calc()是一种原生的CSS方式,可以在CSS中进行简单的数学运算,作为任何长度值(或几乎任何数值)的替代。它有四个简单的数学运算符:添加(+),减去(-),乘以(*),然后除(/)。能够在代码中进行数学运算是很好的,并且是一种相当重要的语言的受欢迎的补充。

right: calc(50% - 450px);

<强> more info