Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá pessoal sou novo no CSS e estou com um pequeno problema, deve ser fácil de resolver mas sou novato nessa área. Tenho uma div sidebar com float: rigth e width:300px fixo e tenho uma div responsivo com float:left e width:100%, o que eu preciso é que a div responsivo fique com 100% do lado da sidebar ocupando o máximo que puder, tipo como na imagem. Qual comando posso usar?
Simples:
div.responsivo {width: calc(100% - 300px)}
Ou seja fazemos o navegador calcular 100% de disponibilidade -300px que é o tamanho da outra div.
Obs.: Só use isso em casos extrema necessidade. Pois se houver certa quantidade de elementos recebendo essa propriedade pode causar lentidão da página.