Hipster Doofus Designs

Note to Self: Floats

Written by: hipsterdoofus at 1:48 pm in the Web Development category.

A little follow up on the latest float clearing method, mezzoblue | Clearance. The verdict? Good for some situations but not others, especially those where you’re dealing with wide content. A run-down of float clearing methods:

• Make the container a float - which results in some positioning issues
• Adding a clearing element after the floats - adds extra(neous) markup
• Using generated elements (see Position is Everything) to clear the float - Doesn’t work in Internet Explorer
• and this latest, adding overflow: auto - which can cause scroll bars when the inner float’s width expands beyond its container.

Tags: css

Comments ()