Этот вопрос закрыт для ответов, так как повторяет вопрос Странно работает display:flex;?
lDNFW
@lDNFW
Начинающий верстальщик :)

Странно работает display:flex;?

<div class="main">
    <div class="container">

        <div class="menu">
        <nav class="nav">

        </nav>
    </div>
    </div>
</div>

.container{
  max-width: 700px;
  margin: 0 auto;
  border:13px solid #f7af87;
}
.main{
    height: 700px;
    background-color: #5a9bd5;
}
.menu{
    /* display: flex; */
    height: 87px;
}
.nav{ 
    background-color: #ffe699;
    height: 32px;
}

Как только в классе menu добавляю display:flex; то блок nav исчезает.
Надо чтобы было так.
60784bdbe00b4446897305.png
  • Вопрос задан
  • 68 просмотров
Решения вопроса 1
sergski
@sergski
web-developer
nav не исчезает, а получает значение по умолчанию flex-grow: 0
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@neuroscript
https://tpverstak.ru/flex-cheatsheet/
Применяешь к menu(родительский), а работает на nav(элементы)
Только не обязательно тут flex, раз элемент один.
nav можно и абсолютить, и просто блочить.
Ответ написан
Ваш ответ на вопрос

Вопрос закрыт для ответов и комментариев

Потому что уже есть похожий вопрос.
Похожие вопросы