So I’m getting back into web design after a several-year hiatus, and naturally, that means catching up with everything that’s changed since then. One of those of course being the now obscene level of importance that CSS has grown to.
I used it before of course for silly effects like everyone did way back when, but now, it’s the core of webdesign itself, and I’m just messing around today getting used to doing the actual design with it. It’s pretty neat. But I’ve run into this little… “thing” that I have a question about, regarding the behavior of the min-height property…
Click:
http://recoil.googlepages.com/index.htm
Now resize your browser window, make it extremely narrow. Observe:
Why does the orange-coloured div-box (defined with the class “rounded”) overflow the content div-box (defined with the class “content”)?
content only has a min-height property… so shouldn’t it scale with its contents, as the orange box has done to fit its text?
What is going on here?