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-17 (public-css-archive@w3.org from October 2024)

From: Oriol Brufau via GitHub <sysbot+gh@w3.org>
Date: Thu, 17 Oct 2024 18:46:53 +0000
To: public-css-archive@w3.org
Message-ID: <issue_comment.created-2420287787-1729190810-sysbot+gh@w3.org>

Maybe it's clearer like

```html
<!DOCTYPE html>
<style>.stretch { height: -moz-available; height: -webkit-fill-available; height: stretch }</style>
⬇️ margin here
<div style="outline: solid; height: 100px; width: 100px">
  <div class="stretch" style="margin: 30px; border: solid magenta"></div>
</div>
⬆️ no margin here
```

![](https://github.com/user-attachments/assets/5c58f4b8-e122-4304-88f7-50f06ed1d063)

The bottom margin should just be considered as collapsing with the parent for the purpose of resolving `stretch`. But then it doesn't actually collapse, it just overflows.




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


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

Received on Thursday, 17 October 2024 18:46:54 UTC