4 ms·

IMHO 'CSS positioning 101' will not be complete without mentioning the (in)famous float property.

• deleted 16y ago
  [deleted]
• sudont 16y ago
  Float's aren't that bad, other than the fact that the parent element will suddenly lose any inherent height if all child elements have floats. I've got a few friends who extol the virtues of inline-block, but my clients have viewer demographics of 70% ie6. Hack here, if you really want inline-block with ie6: http://www.aaronrussell.co.uk/blog/cross-browser-support-for-inline-block/ http://www.aaronrussell.co.uk/blog/cross-browser-support-for...
  • oneplusone 16y ago
    If you set overflow to auto on the parent element it will retain its height.
    • sudont 16y ago
      Excellent. Thanks for the tip!
    • mikeklaas 16y ago
      I usually put a <div style="clear:both"></div> after the floats to fix that.
    • sosuke 16y ago
      I just tested it because it sounded so beautiful but that does not work in IE6 unfortunately.
      • isleyaardvark 16y ago
        It has worked for me. Does the container have hasLayout?
    • boundlessdreamz 16y ago
      You also need to set the width. Explanation here http://www.quirksmode.org/css/clearing.html http://www.quirksmode.org/css/clearing.html
      • DanielRibeiro 16y ago
        Quirksmode does an excelent job explaining this. And covering ie/chrome/safari bugs adds extra credit.
• kenjackson 16y ago
  In general are floats now out of favor, and one should one of the layout methods listed on this page?