Inline-block - Zwei flexible Elemente nebeneinander?

[Christian Kruse]

Hallo Matthias,

ich glaube, das Problem hatte ich unlängst auch.

Ich habe das Beispiel mal ins Wiki gestellt: CSS/Anwendung_und_Praxis/variable Elemente nebeneinander

Es fehlen noch diverse Prefixe, damit das auch in älteren Browsern umgesetzt wird. Irgendwas in diese Richtung:

section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

section p {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex:1 1 auto;
}

Wobei ich da statt auto eher sowas wie 100% oder so notieren würde, glaube ich.

LG,
CK