Floating elements within a div, floats outside of div. Why?

Question

Say you have a div, give it a definite width and put elements in it, in my case an img and another div.

The idea

Answer 1

Here's more modern approach:

.parent {display: flow-root;} 

No more clearfixes.

p.s. Using overflow: hidden; hides the box-shadow so...