Exemplo
Use calc() para calcular a largura de um <div> elemento:
#div1 {
position: absolute;
left: 50px;
width: calc(100% -
100px);
border: 1px solid black;
background-color: yellow;
padding:
5px;
text-align: center;
}
Tente você mesmo " Definição e Uso
O calc() função executa um cálculo para ser utilizada como o valor da propriedade.
| Versão: | CSS3 |
|---|
Suporte a navegadores
Os números na tabela especificar a primeira versão do browser que suporta totalmente a função.
Números seguido por -webkit-, -moz-, ou O- especificar a primeira versão que trabalhou com um prefixo.
| Função | |||||
|---|---|---|---|---|---|
| calc() | 26,0 19,0 -webkit- | 9 | 16,0 4.0 -moz- | 7 6.0 -webkit- | 15,0 |
CSS Syntax
calc( expression )
| Valor | Descrição |
|---|---|
| expression | Requeridos. A expressão matemática. O resultado vai ser utilizado como valor. Os seguintes operadores podem ser usados: + - * / |
<Funções CSS Reference