Re: [csswg-drafts] Define the intrinsic sizing algorithm for block containers (#9120)

OK, so one detail that I missed above regarding margins:

```html
<!DOCTYPE html>
<div style="float: left; border: solid">
  <div style="float: left; width: 50px; height: 50px; background: cyan"></div>
  <div style="display: flow-root; width: 50px; height: 50px; background: magenta; margin-left: 25px"></div>
</div>
<div style="float: left; clear: left; border: solid">
  <div style="float: left; width: 50px; height: 50px; background: cyan"></div>
  <div style="display: flow-root; width: 50px; height: 50px; background: magenta; margin-left: 75px"></div>
</div>
```

| Gecko | Blink/WebKit |
| - | - |
| ![](https://github.com/w3c/csswg-drafts/assets/7477678/58046c20-c3a2-4037-9a70-f2b6c381d426) | ![](https://github.com/w3c/csswg-drafts/assets/7477678/d1df490e-92d5-4b41-a16b-f33b21655425) | 

My algorithm above matches Gecko, but I think Blink and WebKit make more sense.
Only the border box of a BFC root needs to avoid floats, the margin  can still overlap them, so intrinsic sizing should take that into account.


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


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

Received on Monday, 7 August 2023 10:53:33 UTC