Skip to main content
UnitCraftCSS tools for developers

UnitCraft utility

Percentage to PX converter

px = (percent ÷ 100) × parentWidthPx for widths. (Height percentages need definite height on parent.)

Calculator

600.00 px

Containing block

Width % resolves against parent width;

Margins/padding percentages also use containing block rules per axis.

Frequently asked questions

Why is my % wrong?
Parent may be auto height, flex, or missing explicit width—inspect containing block.

Related tools

Explore more