Re: [css3-writing-modes] height: fill-available's behavior is suboptimal

On Fri, Jul 13, 2012 at 1:56 PM, Ojan Vafai <> wrote:

> ...
> <div style="width: 1000px">
>     <div id=outer style="width: min-content">
>         <div id=inner style="width: 50%"><div style="display:inline-block;
> width: 100px"></div></div>
>     </div>
> </div>
> Should the inner div be width 50px or 500px? It's not clear to me which is
> better.
If it was 500px then it would overflow the #outer which seems a little
weird since the intent of min-content is to size the block such that it has
no overflow.

As another example:

<div style="width: 1000px;">
    <div id=outer style="width: min-content;">
        <div id=inner style="width: fill-available;"><div
style="display:inline-block; width: 100px"></div></div>

In this case the author probably intended the fill-available to take up all
the space inside of the min-content container without overflowing.

- E

Received on Friday, 13 July 2012 22:00:36 UTC