[css-figures] how do float:bottom elements stack?

• From: Alan Stearns <stearns@adobe.com>
• Date: Sun, 3 Nov 2013 17:49:07 -0800
• To: "www-style@w3.org" <www-style@w3.org>
• Message-ID: <CE9C3D14.14CF8%stearns@adobe.com>

Section 2.4 has some examples where before clearing is applied, two
float:bottom elements stack at the bottom of a column. The examples do not
make it clear which gray box corresponds to which element, and I don't see
any text that describes how the new page floats stack.

If I have two float:bottom elements:

<p style="float:bottom;">A</p>
<p style="float:bottom;">B</p>

Does the visual order match the source order, or do bottom floats stack
bottom-up (a bit like right floats stack right-to-left)? In other words,
does the markup above render as


A
B

Or 

B
A

Thanks,

Alan

Received on Monday, 4 November 2013 01:49:35 UTC