@serioer

Почему сжимается высота?

Привет
у меня есть менюшка и контент
все вместе они находятся в контейнере который должен скрилится

но менюшка почему то игнорит высоту и хотя должн абыть квадратной она не квадратная
<body>
  <div class="container">
  <div class="menu">menu square</div>
  <div class="tab"></div>
 
</div>
</body>
<style>
body{
  width:100vw;
  height:100vh;
  margin:0;
}
.container{
  width:100%;
  height:100%;
  background:green;
  overflow:auto !important;
  
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  align-items:center;
  
}
.menu{
  height:100px;
  width: 100px;
  border:3px solid red;
}
.tab{
  width:100%;
  height:9999px !important;
  background:gold;
}</style>

как это исправить
  • Вопрос задан
  • 50 просмотров
Решения вопроса 1
Seasle
@Seasle Куратор тега CSS
Для .menu и .tab добавьте flex-shrink: 0;, либо уберите height у .container.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

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