CSS calc(100% – px)

Css3 calc is een fantastische functie waardoor u de breedte en hoogte van een element kunt laten berekenen zodat het design van uw pagina klopt  op elk scherm! width:calc(100% – 350px);  berekent de breedte van de content op basis van 100% van de parent minus 350 vaste pixels. Bijvoorbeeld handig voor een sidebar op uw pagina.

LET OP : zet een spatie voor en na de rekeneenheden + – anders werkt de functie niet!

width: calc(100vw  –  100 px) berekent de breedte van de content op basis van de breedte van het scherm in plaats van de parent.

calc(100% – px) werkt niet?

Check of je een spatie hebt gezet voor en na het minus teken. Heb je dat gedaan en loop je nog steeds tegen het probleem aan bekijk dan of je wellicht een oude browser hebt die calc nog niet ondersteunt.

CategorieënGeen categorie