210703 - Container DIV does not resize when a child DIV is set to Float

Status: RESOLVED INVALID

(Core :: Layout: Floats, defect)

Description

[Dwight Brown]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.4) Gecko/20030624
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.4) Gecko/20030624

You can see the #nav (float: left;) and #content (float: right;) appear
-outside- the bounds of the parent div tag.

The parent div tag is not resizing to correctly contain the floating child div tags.

The desired result is produced by IE6, fyi.

Reproducible: Always

Steps to Reproduce:
1. Create a DIV
2. Withing that DIV create a child DIV
3. Set the child DIV to float left or right

Actual Results:  
The parent DIV does not resize to include the size of the floating child DIV

Expected Results:  
The parent should resize to include the size of the child DIV

Comment 1

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

Blocks are not supposed to resize to contain overflowing floats.

Comment 2

[Erik Fabert]

*** Bug 272771 has been marked as a duplicate of this bug. ***

Comment 3

[William]

(In reply to comment #1)
> Blocks are not supposed to resize to contain overflowing floats.

I don't believe this is true.
See the lengthy discussion on bug 209694.

Comment 4

[Robert O'Callahan (:roc) (email my personal email if necessary)]

It is true. You must be misunderstanding the discussion in bug 209694 (and I
don't blame you, because the discussion there is extremely complex...)

Comment 5

[Andrew Schultz]

*** Bug 285721 has been marked as a duplicate of this bug. ***