Re: [csswg-drafts] [css-display-3] Specify what forms the containing block for relative, static and sticky positioned boxes (#11196)

Seems clear enough to me:

- Inline layout: https://drafts.csswg.org/css-inline/#model
  > The block container’s [content edges](https://drafts.csswg.org/css-box-4/#content-edge) form the [containing block](https://drafts.csswg.org/css-display-4/#containing-block) for each of the [inline-level boxes](https://drafts.csswg.org/css-display-4/#inline-level-box) participating in its inline formatting context.
- Block layout: no modern spec, refer to CSS2
- Flex layout:
  - https://drafts.csswg.org/css-flexbox-1/#flex-containers
    > Flex containers form a containing block for their contents [exactly like block containers do](https://www.w3.org/TR/CSS2/visudet.html#containing-block-details).
  - https://drafts.csswg.org/css-flexbox-1/#flex-basis-property
    > the flex item’s containing block (i.e. its [flex container](https://drafts.csswg.org/css-flexbox-1/#flex-container))
- Grid layout:
  - https://drafts.csswg.org/css-grid/#grid-area-concept
    > A [grid item](https://drafts.csswg.org/css-grid/#grid-item)’s [grid area](https://drafts.csswg.org/css-grid/#grid-area) forms the containing block into which it is laid out.
  - https://drafts.csswg.org/css-grid/#grid-container
    > The contents of a [grid container](https://drafts.csswg.org/css-grid/#grid-container) are laid out into a [grid](https://drafts.csswg.org/css-grid/#grid), with [grid lines](https://drafts.csswg.org/css-grid/#grid-line) forming the boundaries of each [grid items](https://drafts.csswg.org/css-grid/#grid-item)’ containing block.
  - https://drafts.csswg.org/css-grid/#grid-item-sizing
    > A [grid item](https://drafts.csswg.org/css-grid/#grid-item) is sized within the containing block defined by its [grid area](https://drafts.csswg.org/css-grid/#grid-area).
  - https://drafts.csswg.org/css-grid/#item-margins
    > grid items are independently contained within the containing block formed by their [grid areas](https://drafts.csswg.org/css-grid/#grid-area)
  - https://drafts.csswg.org/css-grid/#placement
    > This grid area defines the [containing block](https://drafts.csswg.org/css-display-4/#containing-block) for the grid item
- Ruby layout: https://drafts.csswg.org/css-ruby-1/#formatting-context
  > Ruby containers are non-atomic inline-level boxes. Like regular inline boxes (see CSS Inline Layout 3 § 2 Inline Layout Model), they break across lines, and their containing block is the nearest block container ancestor.
  > As with the contents of inline boxes, the containing block for the contents of a ruby container (and all its internal ruby boxes) is the containing block of the ruby container.

It's just not much clear for table layout, since we have no proper spec nor interoperability.

-- 
GitHub Notification of comment by Loirooriol
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/11196#issuecomment-2474968755 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Wednesday, 13 November 2024 22:41:17 UTC