RE: [CSS21] BFC may become narrower and collide with a previous float

This archive was generated by hypermail 2.4.0 : Friday, 25 March 2022 10:08:10 UTC

> -----Original Message-----
> From: Alan Gresley [mailto:alan@css-class.com]
> Sent: Monday, January 30, 2012 3:59 PM
> 
> The spec's reference to 'space' is a visual 'width' between the left float
> (magenta) and <div> container. It doesn't matter what the computed and used
> height of the BFC table is. There is nothing in the spec that says that the BFC
> table should clear the left float (blue).
> 

Hello Alan,

I am still not sure why you insist on an interpretation of 'space' as 'width' - can you point me to a specific line in the 2.1 spec?

I am also not sure why you would insist or expect the BFC in your previous example (the auto-height table) to behave different than a single character that is taller than the float?

Here's a modified version of your example.

<!DOCTYPE html>
<style>
   div { width: 190px; border: solid thick silver; }
   p   { width: 100px; height: 100px;
         border: dashed; background: yellow; margin: 0; }
   #a { color: magenta; float: left; }
   #b { color: blue;    float: right; }
</style>

<div>
<p id=a>FLOAT LEFT</p>
<p id=b>FLOAT RIGHT</p>
<span style="font-size: 120px">|</span>
</div>

Thanks,
Rossen