What if we use overflow: hidden instead of clearfix?

Question

css

There is such a popular trick in layout as clearfix. This trick is mostly used in situations like here .
Without clearfix, this would happen . That is, blocks with floats fall out of the stream.
But what if you solve the problem without using clearfix, just setting the parent "overflow: hidden". Here is an example . It will turn out less code without any extraneous tricks / hacks. Or is there some kind of trick?

Answer 1

Or is there some kind of trick?

well, read about the overflow: hidden property. what it was originally intended for. then you will see the catch yourself) you will not be able to endure anything beyond the boundaries of this element as an absolute, for example.
ps and so the method is working yes. as he himself wrote "less code, etc.", but if you need something to go beyond the container, this method disappears.

Answer 2

htmlbook.ru/css/haslayout