Re: [csswg-drafts] [css-sizing-4] How does height: stretch interact with margin collapsing with parent (#11044) from Oriol Brufau via GitHub on 2024-10-29 (public-css-archive@w3.org from October 2024)

From: Oriol Brufau via GitHub <sysbot+gh@w3.org>
Date: Tue, 29 Oct 2024 23:50:27 +0000
To: public-css-archive@w3.org
Message-ID: <issue_comment.created-2445527834-1730245824-sysbot+gh@w3.org>

**Testcase 1**

```html
<!DOCTYPE html>
<div style="outline: solid; height: 100px; width: 100px">
  <div style="overflow: hidden"></div>
  <div style="height: stretch; margin: 10px; border: solid cyan"></div>
  <div style="overflow: hidden"></div>
</div>
```

| Assuming no sibling | Assuming siblings don't collapse through |
| - | - |
| ![](https://github.com/user-attachments/assets/66e1fb6c-5fcb-43e6-872f-d2285db93fec) | ![](https://github.com/user-attachments/assets/7edccaa1-abad-4ac3-a14c-dc62ec5daaf0) |

**Testcase 2**

```html
<!DOCTYPE html>
<div style="outline: solid; height: 100px; width: 100px">
  <div></div>
  <div style="height: stretch; margin: 10px; border: solid cyan"></div>
  <div></div>
</div>
```

| Assuming no sibling | Assuming siblings don't collapse through |
| - | - |
| ![](https://github.com/user-attachments/assets/7674337f-0212-411d-b0b2-d6baf5db9cf1) | ![](https://github.com/user-attachments/assets/7623c710-9d03-4741-883a-cd884896a632) |

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


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

Received on Tuesday, 29 October 2024 23:50:28 UTC