CSS: Clearing Floats with Overflow - Web Designer Wall

One of the common problems we face when coding with float based layouts is that the wrapper container doesn’t expand to the height of the child floating elements. The typical solution to fix this is by adding an element with clear float after the floating elements or adding a clearfix to the wrapper. But did you know you can also use the overflow property to fix this problem? It’s not a new CSS tr

[kzwtsyk]

clearfix

[suzuken83]

overflowを使った回り込み解除など

[chi-bit]

CSS: Clearing Floats with Overflow