Ccs3 calc ()

Css3 supports dynamic calculation of the length and width of an element. The idea is similar to that of the previous ie CSS expression, but the function is much more powerful. It supports the +,-, *,/, Mod, Min, and Max operators.

For example:

Width: calc (25%-1em );

For more examples, see here

The Compatibility solution provided by Robert Nyman:

. Calc {width: 100px; Height: 100px; Border: 1px solid # f00; padding: 10px;/* Firefox */width:-moz-Calc (75%-100px ); /* WebKit */width:-WebKit-Calc (75%-100px);/* opera */width:-o-Calc (75%-100px ); /* standard */width: calc (75%-100px );}

For more information, see Firefox 4.0b8 and chrome 9.0.597.47.