Katrina wrote:
If children of a container are floated, as far as I understand,
they are then taken out of normal flow and the container collapses.
Now, if overflow:hidden is applied to the parent container, then
the height of the parent container is adjusted to include the
heights of the floated children.
That is correct.
This is where I get lost: I understand overflow to describe what
should happen to children/content that 'overflows' the parent
container.
Since the floats are out of normal flow, how come overflow applies
at all? Have I misunderstood the basic concept of floats or
overflow or something else altogether?
Are the children now back into normal flow or has the container
been taken out of normal flow or what is going on?
No, floated children of a container with overflow set to 'scroll',
'hidden' or 'auto' are not put back in the normal flow.
You should have a look at 9.4.1: Block Formatting Contexts [1]
Essentially, an element with overflow set to e.g. 'hidden'
establishes a new block formatting context. Very much simplified,
that element creates it's own little box that contains everything
within it, and nothing can escape out of that box.
[1] <http://www.w3.org/TR/CSS21/visuren.html#q15>
Philippe
---
Philippe Wittenbergh
<http://emps.l-c-n.com>
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************
