Empty Clears
1. A red wrapper contains a green float, a black empty clear, and a blue box. The wrapper is followed by a yellow box
A green float, margin 10 20
A green float, margin 10 20
A green float, margin 10 20
A blue box after the clearing, margin 0 10
In Gecko 1.4...1.7 the clear doesn't work! (ok in 1.8)
2. With something after the float before the clear
A green float, margin 10 20
A green float, margin 10 20
A green float, margin 10 20
after the float, before the clear
A blue box after the clearing, margin 0 10
Gecko OK
3. Like 2, but without the blue box
A green float, margin 10 20
A green float, margin 10 20
A green float, margin 10 20
after the float, before the clear
Gecko 1.7- KO
4. Like 1, with a orange box before the float
A orange box before the float
A green float, margin 10 20
A green float, margin 10 20
A green float, margin 10 20
A blue box after the clearing, margin 0 10
Gecko OK
5. Like 3, with a orange box before the float
A orange box before the float
A green float, margin 10 20
A green float, margin 10 20
A green float, margin 10 20
after the float, before the clear
Gecko 1.7- KO
bugzilla 224057
CSS tests home