For years, one of the most befuddling things for me in CSS was how “height: 100%” would sometimes just not work. Every time I tried to use it was a roll of the dice. 😅
Like everything else in CSS, though, it all makes perfect sense when we understand the underlying mechanism. ✨
Let’s explore. 🧵

The Height Enigma • Josh W. Comeau
One of the most perplexing and befuddling things in CSS for me, for many years, was the behaviour of percentage-based heights. Sometimes, seemingly at random, setting “height: 100%” would have no effe...