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 исчезает.
  • Вопрос задан
  • 44 просмотра
Пригласить эксперта
Ответы на вопрос 1
v3shin
@v3shin
Веб-шаман
У него ширина становится нулевой. Добавьте
.nav {
    width: 100%;
}
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы