Differences between revisions 1 and 3 (spanning 2 versions)
Revision 1 as of 2011-02-17 08:52:40
Size: 153
Editor: SamatJain
Comment: Ems for block widths
Revision 3 as of 2011-12-30 06:29:40
Size: 496
Editor: SamatJain
Comment: Add more block widths
Deletions are marked like this. Additions are marked like this.
Line 3: Line 3:
 * 40em =~ 640px
 * 50em =~ 800px
 * 64em =~ 1024px
 * 20 em ≈ 320px
 * 30 em ≈ 480px
* 40 em 640px
 * 50 em 800px
 * 60 em ≈ 960px
 * 64 em ≈
1024px
Line 8: Line 11:

== Clearfix ==

[[http://www.positioniseverything.net/easyclearing.html|Clearfix]] is the original method for clearfix. At [[http://blogs.sitepoint.com/2005/02/26/simple-clearing-of-floats/|SitePoint]], apparently using `overflow: auto` also works for container elements.

Ems for block widths

  • 20 em ≈ 320px
  • 30 em ≈ 480px
  • 40 em ≈ 640px
  • 50 em ≈ 800px
  • 60 em ≈ 960px
  • 64 em ≈ 1024px

from Responsive enhancement

Clearfix

Clearfix is the original method for clearfix. At SitePoint, apparently using overflow: auto also works for container elements.

SamatsWiki: CascadingStyleSheets (last edited 2021-11-03 07:16:48 by SamatJain)