Why are margin/padding percentages in CSS always calculated against width?
Transferring my comment to an answer, because it makes logical sense. However, please note that this is unfounded conjecture. The actual reasoning of why the spec is written this way is still, technically, unknown. Element height is defined by the height of the children. If an element has padding-top: 10% (relative to parent height), that … Read more