W3C home > Mailing lists > Public > www-style@w3.org > June 2008

Re: Publishing the flexible box model

From: fantasai <fantasai.lists@inkedblade.net>
Date: Fri, 06 Jun 2008 12:41:39 -0700
Message-ID: <484992F3.2050401@inkedblade.net>
To: Anne van Kesteren <annevk@opera.com>
CC: Andrew Fedoniouk <news@terrainformatica.com>, robert@ocallahan.org, dbaron@dbaron.org, www-style@w3.org

Anne van Kesteren wrote:
> 
> On Fri, 06 Jun 2008 18:06:24 +0200, Andrew Fedoniouk 
> <news@terrainformatica.com> wrote:
>>>> How do flex-units interact with collapsing margins? E.g.
>>>> <div style="overflow:auto; height:500px;">
>>>>   <div style="height:1*; margin:1*;">Hello</div>
>>>>   <div style="height:2*; margin:2*;">Kitty</div>
>>>> </div>
>>>> How does that work? Allocating flex height first and then collapsing 
>>>> margins means the child divs don't fill the container. But trying to 
>>>> collapse margins before resolving the flex heights seems crazy.
>>>  I would collapse the adjacent flex margins so that 1* collapsing with
>>> 2* becomes a 2* gap. Then distribute the remaining space accordingly.
>>
>> Correct. margin:1* collapse in the same way as margin:1em;
> 
> What if one margin is in flex units and the other is 100px or something?

I expect you'd keep two values for the margin: the fixed length, and the
flex value. Collapsing two margins calc(2* + 100px) and calc(1* + 150px)
would give you a collapsed margin of calc(2* + 150px). The 150px is always
applied, and the flex value absorbs its quota of additional space when the
available space is distributed.

~fantasai
Received on Friday, 6 June 2008 19:42:30 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Monday, 27 April 2009 13:55:07 GMT