This link has been bookmarked by 123 people . It was first bookmarked on 16 Apr 2006, by Franks Pan.
-
04 Sep 09
-
12 Aug 09
-
19 Jun 09
-
24 May 09
-
13 Apr 09
-
18 Mar 09
secret lou.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
-
26 Feb 09
-
12 Feb 09
-
06 Feb 09
E BarneyThis demo shows a bug in IE when multiple floats are in a 'widthless' container.
trying to use this to cover up the background in my page content area... not behaving right just yet. -
31 Jan 09
-
08 Dec 08
-
10 Oct 08
-
04 Oct 08
-
01 Sep 08
-
30 Aug 08
-
29 Aug 08
-
30 Jul 08
-
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} /* End hide from IE-mac */
-
-
23 Jun 08
-
23 Apr 08
-
02 Apr 08
-
27 Mar 08
-
26 Mar 08
-
21 Mar 08
-
28 Feb 08
-
16 Feb 08
-
29 Jan 08
-
14 Jan 08
clark updikeIf you have a problem with cleared floats breaking out of their container, check this out.
-
13 Dec 07
-
12 Nov 07
Ken NewquistWhen a float is contained within a container box that has a visible border or background, that float does not automatically force the container's bottom edge down as the float is made taller.
-
10 Aug 07
-
17 Jul 07
-
09 Jul 07
-
16 Jun 07
-
15 Jun 07
-
27 Apr 07
-
24 Apr 07
-
21 Apr 07
-
13 Apr 07
-
27 Mar 07
-
23 Mar 07
petevgThis demo shows a bug in IE when multiple floats are in a 'widthless' container.
-
15 Mar 07
-
11 Mar 07
-
04 Mar 07
-
05 Feb 07
-
01 Feb 07
-
28 Dec 06
-
14 Dec 06
-
10 Dec 06
-
08 Dec 06
-
27 Nov 06
-
12 Nov 06
-
04 Nov 06
Anders ChristiansenThis demo shows a bug in IE when multiple floats are in a 'widthless' container.
-
30 Oct 06
-
26 Oct 06
-
25 Oct 06
-
18 Oct 06
-
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */
-
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */
-
-
11 Sep 06
-
07 Sep 06
-
05 Sep 06
-
18 Aug 06
-
16 Aug 06
-
06 Aug 06
-
03 Aug 06
-
02 Aug 06
-
31 Jul 06
-
25 Jul 06
-
24 Jul 06
-
27 Apr 06
-
16 Apr 06
-
06 Apr 06
-
31 Mar 06
-
18 Jan 06
-
13 Dec 05
-
13 Oct 05
Yvonne LI have to bookmark this because I'm searching for this all the time..
-
11 Oct 05
-
10 Oct 05
-
25 Jul 05
-
21 Jul 05
-
23 Jun 05
-
18 Apr 05
-
28 Mar 05
-
03 Feb 05
-
18 Jan 05
Adrian BengtsonEn artikel om hur man kan "cleara floats" utan en specifik div för detta.
css webbläsare float clear clearing floats Webbutveckling CSS
-
Clearing Floats The Old Fashioned Way
When a float is contained within a container box that has a visible border or background, that float does not automatically force the container's bottom edge down as the float is made taller. Instead the float is ignored by the container and will hang down out of the container bottom like a flag. Those familiar only with Explorer for Windows may scratch their heads and say "That's not right!" True, IE/Win does enclose a float within a container 'automatically', but only if the container element has a stated dimension, and in any case it's a W3C spec violation. This illegal behavior can also be 'toggled' on and off by links within the container, if 'hovering' alters the link background or several other properties. Quite a mess.
-
-
13 Jan 05
-
08 Nov 04
-
04 Nov 04
-
02 Nov 04
-
29 Oct 04
-
21 Oct 04
-
19 Oct 04
-
12 Oct 04
-
21 Jun 04
-
25 May 04
Would you like to comment?
Join Diigo for a free account, or sign in if you are already a member.