Robert O'Callahan wrote:

Negative margins is not a problem either. Negative margin simply increases free space available for flex distribution. At the step of flex computation you will treat them as undefined margin values.

As I said floats are not the best friends of flexes. But if flexes and the flow attribute will be implemented you will see a dramatic reduction of floats uses. All cases when floats are used currently for horizontal block layout purposes can be implemented significantly better and more reliable with flexes.

So this particular markup/styling (mix of floats/flexes) you have provided will not be required. You will declare it as:

<div style="overflow:auto;" class="block-formatting-context" style="flow:horizontal-flow"> <div style="height:1*;">Hello</div> <div style="clear:left; height:1*">Kitty</div> <div style="height:1*">Kitty</div> </div>

You should see it as:

| ------------ | | Hello | | ------------ | | Kitty1|Kitty2| | ------------ |

where Hello and Kitty1/2 blocks will have the same height. and Kitty1/2 blocks will fill container width equally (as width:auto == width:1*)

flow:horizontal-flow here is a multiple row layout where . Row breaks happen on blocks with clear:left/right/both. vertical flexes are computed against height of the row.

Opportunities that flexes provide outweigh possible issues significantly. I wish flexes were in CSS from the very beginning. That would simplify spec significantly (in particular all about floats). And yet it will make obsolete that holy-wars about tables used for layout purposes. Flexes give even more than you can do with html tables. As I said in 3 years that we are using flexes we didn't met anything that could not be resolved in boundaries of CSS constraints/ideology.

Single implementation is just proves that flexes are feasible. Two implementations prove that there are at least two persons who understand the concept.

I agree. The problem is that I am personally is not that good in writing specs. If someone will help me than we can come up with something. In principle it not going to be very complex definition. The whole idea is very simple as it is all about position:static layouts. (There is a desire to be able to define something like { position:fixed; left:1*; ... bottom:1* } to position element in the center of the view but this can be left for the next stage)

http://terrainformatica.com