css - 有没有办法在 CSS 中加减值？

Question

我有一个以负边距定位的 div，但我希望它一直向下延伸到其容器 div 的底部，这样我就可以使用不只是随机结束的边框。如果你看http://kineticaid.com/k/home.php你会明白我的意思。我不能只以像素为单位扩展它的高度，因为容器 div 的高度随页面动态变化。我想要做的是这样的:

#rightcol {
float: right;
width: 225px;

height: 100% + 250px;

margin: -325px -25px 0 0;
}

基本上，我是在问您是否可以在 CSS 中进行加减运算。谢谢!

Answer 1

是的。 CSS3 具有 calc() 函数。这适用于大多数浏览器的当前版本 ( http://caniuse.com/calc )。

height: calc( 100% + 250px );

演示:

HTML:

<div id="one"></div>
<div id="two"></div>

CSS:

div {
    border: 1px solid red;
    height: 100px;
}

#one {
    width: calc(50% + 20px);
}

#two {
    width: 50%;
}

输出: