1012634 - Bottom margin on a div containing a float adds the same amount of margin at the top

Status: RESOLVED DUPLICATE of bug 451791

(Core :: Layout: Floats, defect)

Description

[Roman]

Attachment: Repro6.htm

See the attachment.

The red div is floated, with a clearer div after it. These two are contained in a div with a bottom margin set, which in turn is itself contained in another div.

Expected: no space between the blue and the red div.

Actual: whatever margin is displayed between red and green, is also displayed between blue and red.

Adding a border on either of the two divs that don't have a border make the bug disappear. Chrome and IE render this correctly. Encountered in a production site. Verified in nightly.

Comment 1

[Boris Zbarsky [:bzbarsky]]

Might be related to bug 451791, but not quite identical...

Comment 2

[Doug Kidd]

Attachment: Test

I can confirm. Same issue.

Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:36.0) Gecko/20100101 Firefox/36.0

Cannot duplicate behaviour on Chromium:
Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Ubuntu Chromium/40.0.2214.111 Chrome/40.0.2214.111 Safari/537.36

Comment 5

[David Baron :dbaron: (⌚️UTC-4, no longer working on Mozilla)]

Fixed by bug 451791; should be in tomorrow's nightly.