Boxはプロパティが豊富で可変レイアウトに柔軟に対応できるのでレスポンシブデザインでの制作には欠かせないものになっています。flex-directionに関連するバグのようなものに遭遇しました。column-reverseを指定した子要素に画像があると、その子要素に画像の元サイズの高さ分のスペースができてしまいます。min-heightを利用します。11以外のブラウザでの表示に影響はありません。以下がサンプルのコードです。CSSで入れ替えることを想定します。0%を指定すると画像の下の隙間がなくなりました。対応しているブラウザはこちらから確認できます。AdBistroMacでSassを使える環境を構築するAjaxZip3でフォームに住所を自動入力する。