html – CSS值作为数学表达式

概述有没有我可以写一个css值作为数学表达式？ 例： div{ height: 50% + 30px; width: 40em - 5px; } 如果有,那将是完美的. PS：我不想用JS或者JQuery来做. 你可以用css3 calc()实现这一点.写如下： div{ width: 40%; width: -webkit-calc(40% - 5px); 有没有我可以写一个CSS值作为数学表达式？
例：

div{    height: 50% + 30px;    wIDth: 40em - 5px;   }

如果有,那将是完美的.
PS：我不想用Js或者Jquery来做.

解决方法 你可以用CSS3 calc()实现这一点.写如下：

div{    wIDth: 40%;    wIDth: -webkit-calc(40% - 5px);    wIDth: -moz-calc(40% - 5px);    wIDth: calc(40% - 5px);    height:50%;    height: -webkit-calc(50% + 50px);    height: -moz-calc(50% + 50px);    height: calc(50% + 50px);    background: green;    color: white;    position:absolute;}

检查这个http://jsfiddle.net/3QUw6/

检查这个讨论更多Is it possible to make a div 50px less than 100% in CSS3?

总结

以上是内存溢出为你收集整理的html – CSS值作为数学表达式全部内容，希望文章能够帮你解决html – CSS值作为数学表达式所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。