Using “overflow:hidden” instead of “clear:both”
  Using “overflow:hidden” instead of “clear:both”
User Tools
2D Graphics
3D Graphics
Web Design & Development
Business Applications
Business Development
Databases
Desktop Programming
Operating Systems
Video Editing
Miscellaneous
Newsletter
User Login
  • Username
  • Password
Stats
  • Tutorials: 39,021
  • Categories: 572

CSS Tutorials : Using “overflow:hidden” instead of “clear:both”

I have noticed that a lot of website developers use the “clear” method, when they want to stop floating elements from messing up the structure bellow them. Or to make a “Wrapping” outer div, adapt to the height of floating elements inside of it.

This method requires you to write content-less elements in to the DOM, which is not clean. Well, it’s valid, but can be done better! (:

In this guide I will show you a batter way of doing it :D		 Using “overflow:hidden” instead of “clear:both” tutorial
    View Tutorial

Detailed Information
     Tutorial: Using “overflow:hidden” instead of “clear:both”
     Date Listed: 2011-12-16
     Submitted By: dsdm
     Total Hits: 631
     Rating Tutorial Rating 2.40Tutorial Rating 2.40Tutorial Rating 2.40Tutorial Rating 2.40Tutorial Rating 2.40 (10 votes)

  •  Discuss Tutorial
  •  Comment On Tutorial 		  •  View Tutorial
  •  Report Broken Link

 





© 2003-2012 by Developer Shed. All rights reserved. DS Cluster 8 - Follow our Sitemap