CSS サンプル: flex の入れ子をすると子の flex アイテムのテキストが折り返されなくなる (IE11)

親の flex アイテム

子の flex アイテム

子の flex アイテム。テスト文章です。テスト文章です。テスト文章です。テスト文章です。テスト文章です。テスト文章です。テスト文章です。テスト文章です。テスト文章です。

子の flex アイテム

子の flex アイテム。テスト文章です。テスト文章です。テスト文章です。テスト文章です。テスト文章です。テスト文章です。テスト文章です。テスト文章です。テスト文章です。

子の flex アイテム

子の flex アイテム。テスト文章です。テスト文章です。テスト文章です。テスト文章です。テスト文章です。テスト文章です。テスト文章です。テスト文章です。テスト文章です。

回避策 (子の flex コンテナに width: 100% を指定する)

親の flex アイテム

子の flex アイテム

子の flex アイテム。テスト文章です。テスト文章です。テスト文章です。テスト文章です。テスト文章です。テスト文章です。テスト文章です。テスト文章です。テスト文章です。

子の flex アイテム

子の flex アイテム。テスト文章です。テスト文章です。テスト文章です。テスト文章です。テスト文章です。テスト文章です。テスト文章です。テスト文章です。テスト文章です。

子の flex アイテム

子の flex アイテム。テスト文章です。テスト文章です。テスト文章です。テスト文章です。テスト文章です。テスト文章です。テスト文章です。テスト文章です。テスト文章です。