В чем разница между дисплеем: inline-flex и display: flex?

Я пытаюсь вертикально выровнять элементы в оболочке идентификатора. Я передал имуществоdisplay:inline-flex; к этому идентификатору, поскольку идентификатор оболочки является контейнером Flex.

Но нет разницы в представлении. Я ожидал, что все в ID оболочки будет отображатьсяinline, Почему не так?

#wrapper {
    display: inline-flex;
    /*no difference to display:flex; */
}
<body>
    <div id="wrapper">
        <header>header</header>
        <nav>nav</nav>
        <aside>aside</aside>
        <main>main</main>
        <footer>footer</footer>
    </div>
</body>

Пример JSFiddle

Ответы на вопрос(6)

Ваш ответ на вопрос