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

• From: fantasai <fantasai.lists@inkedblade.net>
• Date: Wed, 25 Jan 2012 23:07:09 -0800
• To: "www-style@w3.org" <www-style@w3.org>
• Message-ID: <4F20FB9D.1060601@inkedblade.net>

Dear Layout Engineers,

http://lists.w3.org/Archives/Public/www-archive/2012Jan/att-0035/foo.html

Really?

<style>
   #a { float: left; }
   #b { float: right; }
   p  { width: 100px; height: 100px; }
   div { width: 190px; }
</style>

<div>
<p id=a>FLOAT LEFT</p>
<p id=b>FLOAT RIGHT</p>
<table><tr><td>table table table table table table table table</table>
</div>

+------------------------+
|+------------+ +-------+|
|| FLOAT LEFT | | table ||
||            | | table ||
|+------------+ | table ||
|          +------------+|
|          |FLOAT RaGlT ||
|          |      table ||
|          +------------+|
|               | table ||
|               +-------+|
+------------------------+

Sad-face,

~fantasai

Received on Thursday, 26 January 2012 07:07:40 UTC