Re: Floater inside of floater sizing

On Thursday 2014-06-19 02:26 +1000, Alan Gresley wrote:
> Here is the code:
> 
> <div style="background-color: red; width: 400px;">
> 
>   <div style="display: inline-block; width:  200px;
> background-color: blue;">inline-block (1)</div>
>   <div style="float: left; width: 200px; background-color:
> green;">float-child (2)</div>
> 
> </div>
> 
> In section 9.5.1 is the following:
> 
>   | 8. A floating box must be placed as high
>   | as possible.
> 
> Chrome is not doing this.

Well, what it's not doing is treating the space between the
inline-block and the float as being removable whitespace due to
being at the end of the line.

-David

-- 
𝄞   L. David Baron                         http://dbaron.org/   𝄂
𝄢   Mozilla                          https://www.mozilla.org/   𝄂
             Before I built a wall I'd ask to know
             What I was walling in or walling out,
             And to whom I was like to give offense.
               - Robert Frost, Mending Wall (1914)

Received on Wednesday, 18 June 2014 16:53:43 UTC