W3C home > Mailing lists > Public > www-style@w3.org > October 2013

Re: [CSS21] Absolute positioning and float inherit on same element.

From: Řyvind Stenhaug <oyvinds@opera.com>
Date: Thu, 03 Oct 2013 15:31:45 +0200
Message-ID: <524D71C1.9070702@opera.com>
To: Alan Gresley <alan@css-class.com>, CSS 3 W3C Group <www-style@w3.org>
On 10/03/2013 02:28 PM, Alan Gresley wrote:

> Which browsers are showing the correct behavior for the following test
> case.
>
> http://css-class.com/test/css/visformatting/float-computed-used.htm
>
> When the viewport is approximately 1160px or narrower, the absolutely
> positioned box is positioned on the left edge of the viewport in
> Firefox, IE10 and Opera. In Chrome thought, the absolutely positioned
> box is always positioned on the the right edge of the viewport and
> overlaps the first element in the element on the right.

The absolutely positioned box (.abs) spans the entire width of the 
viewport, from left edge to right edge. The difference is in where the 
child (.abs .fl) is located.

WebKit/Blink is incorrect in that it inherits 'right' instead of 'none' 
for 'float' in this case.

http://www.w3.org/TR/CSS21/visuren.html#dis-pos-flo
http://www.w3.org/Style/css2-updates/REC-CSS2-20110607-errata.html#s.6.2.1

-- 
Řyvind Stenhaug
Opera Software ASA
Received on Thursday, 3 October 2013 13:34:06 UTC

This archive was generated by hypermail 2.4.0 : Friday, 17 January 2020 22:51:02 UTC