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

Re: Floater inside of floater sizing

From: L. David Baron <dbaron@dbaron.org>
Date: Wed, 18 Jun 2014 09:53:09 -0700
To: Alan Gresley <alan@css-class.com>
Cc: Bogdan Brinza <bbrinza@microsoft.com>, "www-style@w3.org" <www-style@w3.org>
Message-ID: <20140618165309.GA22808@crum.dbaron.org>
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

This archive was generated by hypermail 2.3.1 : Monday, 2 May 2016 14:39:22 UTC