floatを利用すべきか、flexboxを利用すべきか

Question

html5でボックスを意匠するときに利用する方法はいくつかあって、その中でもfloatとflexboxが私の中で馴染みのあるものなのですがいったいどちらを使うべきでしょうか。floatは古いIEだと不具合がでてしまうし、クリアフィックスしないと表示がおかしくなるという欠点があります。flexboxはfloatと比べるとそんなに使用頻度は少ないので詳しい問題は分かりませんが、クリアフィックスしなくても簡単に意匠できる長所があります。しかし同じく古いブラウザだと対応していないみたいです。
floatとflexboxはどちらを使うべきでしょうか。

Answer 1

float
floatはCSS初期から存在するプロパティです。
現存する可能性のあるIEでfloatで不具合があるといったらIE6くらいでしょうが、
既にIE6は死んだも同然ですので普通はサポートしませんし、
もし万が一仮にサポートするとしてもその不具合は回避方法があります。

flexbox
flexboxはCSS3で新しく登場したプロパティです。
既に主なブラウザのほとんどでは使えるようになっているとはいえ、
ブラウザ環境ごとの対応状況の差異はfloatどころの騒ぎではありません。
例えば現在生き残っている主な環境だけでもこれだけの違いがあります。

• IE9以下……完全非対応。逆立ちしても対応できません。
• IE10…2012年の旧仕様のみサポート。標準仕様と大きく異なります。
• Android4.3以下……2009年の旧仕様のみサポート。標準仕様と大きく異なります。

実現できるレイアウトの自由度自体はflexboxの方がはるかに大きいため、
使える環境であればflexboxを使ったほうが楽かもれませんが、
後方互換性に配慮しなければならないのであれば各環境で同様のレイアウトを実現するために
かなりの配慮を強いられるうえ、ものによっては同じにすることができない場合もあります。

というわけですので、古い環境での不具合を気にするならflexboxを使うことなどできませんね。
未来をみましょうｗ

Answer 2

floatと見て思いついたので書きます。
求めていない回答でしたらすいません。

まずflexboxは使用したことがありません。
floatを使うときは横並びにするときに使います。

以上を踏まえたうえで。

<div class="boxA">boxA</div>
<div class="boxB">boxB</div>

.boxA , .boxB{
  width:50%;
  display:inline-block;
}

のように
width
display:inline-block;
を使い横並びに僕はするのが好きです。
メインフレームとして大きなくくりを並べるときは
floatを使いますが。