width: calc ( 40% - 26px );
Alguém pode me dar mais um exemplo?
width: calc ( 40% - 26px );
Alguém pode me dar mais um exemplo?
Fala ai Matheus, tudo bem? Vamos lá:
Alguém pode me dar mais um exemplo?
Imagine que você tem uma tela onde a largura dela seria 500px (por exemplo).
Caso seu elemento tenha width: 100% a largura dele seria 500px.
Porém, por algum motivo você quer adicionar um espaçamento no final dele, de 20px, nesse caso, uma das maneiras poderia usar o calc:
width: calc(100% - 20px)Nesse caso, o navegador vai verificar quantos px seria equivalente aos 100% (no caso 500px) e retirar 20px desse valor, ficando 480px (500 - 20).
A ideia seria mais ou menos essa.
Espero ter ajudado.