有没有我可以写一个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?