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

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