Skip to main content

Close
Get the best research tool on the web today,and free!
Connect with people with common interests!

saved by42 people, first byRika Y on 2007-05-01, last byMatthew Heinrich on 2008-08-12

  • “The standard method of making an outer container appear to “enclose” a nested float is to place a complete “cleared” element last in the container, which has the effect of ‘dragging’ the lower edge of the containing box lower than the float.”

  • CSS Float Theory: Things You Should Know




    Published on May 1st, 2007
    in CSS
    Tags: Del.icio.us Digg Submit to Stumbleupon! | , , , |
    59 comments    .






    <script src="http://imagesrv.adition.com/js/adition.js" type="text/javascript"></script>
    <script src="http://adfarm1.adition.com/js?wp_id=7434" type="text/javascript"></script><script src="http://adfarm1.adition.com:80/banner?sid=7434&wi=215443476&ac=1&wpt=J&os=undefined&browser=6&screen_res=5&fvers=9&ref=http%3A//www.google.ca/search%3Fq%3Dcss+float%26ie%3Dutf-8%26oe%3Dutf-8%26aq%3Dt%26rls%3Dorg.mozilla%3Aen-GB%3Aofficial%26client%3Dfirefox-a&clickurl=" type="text/javascript"></script><script type="text/javascript"><!--

    google_ad_client = "pub-6779860845561969";

    google_ad_width = 336;

    google_ad_height = 280;

    google_ad_format = "336x280_as";

    google_ad_type = "text_image";

    //2007-04-30: smashingmagazine

    google_ad_channel = "6623114851";

    google_color_border = "FFFFFF";

    google_color_bg = "FFFFFF";

    google_color_link = "A7B63F";

    google_color_text = "000000";

    google_color_url = "0040C3";

    //-->

    </script>

    <script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">

    </script>



    <!-- google_ad_section_start -->

    The concept of floats is probably one of the most unintuitive concepts in CSS. Floats are often misunderstood and blamed for floating all the context around it, causing readability and usability problems. However, the reason for these problems isn’t the theory itself, but the way the theory is interpreted - by developers and browsers.

  • The concept of floats is probably one of the most unintuitive concepts in CSS. Floats are often misunderstood and blamed for floating all the context around it, causing readability and usability problems. However, the reason for these problems isn’t the theory itself, but the way the theory is interpreted - by developers and browsers.
  • the most important things you should keep in mind developing css-based layouts with floats.
Print