71285 - Problem with 'float' command in CSS.

Status: VERIFIED INVALID

(Core :: CSS Parsing and Computation, defect)

Description

[Mike Irwin]

Please notice that in the URL listed here that there is a problem using the
'float: right' command.  The bottom margin disappears when it is used and not
there when it is commented out.  Thanks.

Comment 1

[Boris Zbarsky [:bzbarsky]]

Mike Irwin, are you referring to the bottom margin on the last <p> in the
floating <div>?

Comment 2

[James Lariviere]

Looking at the testcase I would guess that Mike is asking 2 things...

(1) Why is the floating "filler" block no longer contained in its parent "box"
block?
(2) Why does the "filler" block have no bottom margin when it is floated as
opposed to an non-floated would have a bottom margin? (I think that you can see
this best when you resize the window).

But I am just guessing here...

Comment 3

[Boris Zbarsky [:bzbarsky]]

In email from Mike:

Yes, when using the float command the very last <p> loses it's bottom
margin.  When you take out the float command, the margin comes back.

Comment 4

[Boris Zbarsky [:bzbarsky]]

Mike, I just tried this.... the margin seems to be gone regardless of whether
the div is floated or not.

The margin reappears if the .filler div is given padding or a border, however. 
Looks like the margin is being collapsed, which is correct behavior when we have
adjacent margins....

Comment 5

[Hixie (not reading bugmail)]

1. because floats are taken out of flow and are not shrink wrapped.
2. the margin _is_ there, it just overlaps the bottom margin of the float, and
is therefore not visible. Remove the bottom margin of the float and make a lot 
of text wrap around it to prove the point.

-> INVALID
-> dbaron or bz for verification

Comment 6

[Boris Zbarsky [:bzbarsky]]

Verified.  Adding some text to flow around the element shows exactly what's
going on, as Ian says.

Comment 7

[James Lariviere]

THanks Hixie!  I knew you could descibe this much better than what I could. :-)