Rachel Andrew with a clear (get it?!) explanation of
display: flow-root;, including demos comparing old and new techniques. Apparently the name is still a little bit still up in the air.
The whole point of it is getting rid of clearfix (although it is a bit different), or using a different/unintended property for float clearning. Every time this is brought up, there is always a well actually about how
overflow: hidden; does the same (or any other property that creates a new block formatting context). Like we mentioned before, overflow has consquences totally unrelated to float clearning, like hiding shadows. All of the other methods have unrelated consequences.
CSS Tricks Go to Source
Author: Sarah Drasner
Powered by WPeMatico