Josh Comeau • 5/12/2025

The Height Enigma

Read Original

This article tackles the common CSS mystery of why percentage-based height values often fail to work. It explains the fundamental differences between how width and height are calculated in CSS, why block elements expand horizontally but shrink-wrap vertically, and provides insights for both beginners and experienced developers.

0 comments
#css #layout #height
The Height Enigma

Comments

No comments yet

Be the first to share your thoughts!

Browser Extension

Get instant access to AllDevBlogs from your browser

Top of the Week

1
React vs Browser APIs (Mental Model)
Jivbcoop • 3 votes
2
React, useEffect, and Stale Closures: How to Avoid Them with Dependencies and useRef
Jivbcoop • 2 votes
3
Building Type-Safe Compound Components
TkDodo Dominik Dorfmeister • 2 votes
4
Introducing RSC Explorer
Dan Abramov • 1 votes
5
The Pulse: Cloudflare’s latest outage proves dangers of global configuration changes (again)
The Pragmatic Engineer Gergely Orosz • 1 votes