Re: [csswg-drafts] Proposal: a way to enable margin-collapse on BFC? or a new type of context like BFC but with margin-collapse? (#6752)

@Loirooriol

Thanks for the reply.

It's possible I misused the word _clearfix_, because the old-school solution you have there actually doesn't address the problem I'm talking about, which I realize now I should have explained more clearly.

Say you have this markup:

```html
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, blah blah blah ...</p>
<ul>
  <li>I am a list item</li>
  <li>I am also a list item</li>
</ul>
```

with these styles:

```css
p {
  float: left;
  width: 10rem;
}

ul {
  list-style: none;
}

ul li {
  position: relative;
  padding-left: 1em;
}

ul li::before {
  position: absolute;
  left: 0;
  content: "•";
}
```

You end up with the absolute-positioned bullets all the way over to the left, overlapping the floated paragraph:

![Screen Shot 2021-10-22 at 1 32 37 PM](https://user-images.githubusercontent.com/44578578/138498568-147c3e98-de42-497c-a8a3-632a7365b128.png)

The traditional clearfix you mentioned doesn't work here, but `display: flow-root` does. Sorry for the confusion.

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


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

Received on Friday, 22 October 2021 17:35:19 UTC