W3C home > Mailing lists > Public > www-style@w3.org > November 2015

Re: [css-grid] Containing block for abs.pos. grid items when the grid overflows

From: Tab Atkins Jr. <jackalmage@gmail.com>
Date: Wed, 4 Nov 2015 16:44:18 -0800
Message-ID: <CAAWBYDCa2w4ZxXQxTP96bsVL2inH2JRFL-evR0LkFQyKPS_TPw@mail.gmail.com>
To: Manuel Rego Casasnovas <rego@igalia.com>
Cc: www-style list <www-style@w3.org>
On Mon, Oct 5, 2015 at 5:18 AM, Manuel Rego Casasnovas <rego@igalia.com> wrote:
> Hi,
>
> On 10/08/15 01:43, fantasai wrote:
>> I believe this was resolved at the New York F2F
>>   https://lists.w3.org/Archives/Public/www-style/2015May/0280.html
>> and edited into the latest draft
>>   http://www.w3.org/TR/2015/WD-css-grid-1-20150806/
>
> Just one more question about this topic.
>
> So, if I got it right, it should be possible to have something like this:
> <div style="display: grid; grid-template-columns: 100px; width: 200px;
> padding: 50px; position: relative;">
>   <div style="position: absolute; grid-column: auto / 1;">item1</div>
> </div>
>
> And item1 should be placed inside the left padding itself, from 0px to
> 50px [*].

Yes.

> Also, if we've another abspos item:
>   <div style="position: absolute; grid-column: 2 / auto;">item2</div>
>
> Item2 should be placed using the right padding (from 150px to 300px).

Yes. (Tho the distance from 150px to 250px is an empty part of the
content box, not part of the padding. ^_^)

~TJ
Received on Thursday, 5 November 2015 00:45:08 UTC

This archive was generated by hypermail 2.4.0 : Friday, 17 January 2020 22:52:28 UTC