Interop: Floaters and BFC within inline-blocks


We've been fixing live site bug in IE 11 - when there's a shrink-to-fit container (like an inline-block) that contains a floater followed by a non-floater, they should be stacked vertically: (works in Chrome, Firefox, IE11 has a bug we're fixing)

While working on the fix, Kurt, our developer, has found a difference in behavior between other browsers: (with the fix - IE would match Chrome, but not Firefox)

Here is what the spec ( says here: "If necessary, implementations should clear the said element by placing it below any preceding floats, but may place it adjacent to such floats if there is sufficient space. "

What is the expected right behavior in the second case? 

Received on Thursday, 28 August 2014 19:45:55 UTC