Re: Publishing the flexible box model

On Fri, 06 Jun 2008 18:06:24 +0200, Andrew Fedoniouk  
<> 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?

Anne van Kesteren

Received on Friday, 6 June 2008 16:41:50 UTC