Привет
у меня есть менюшка и контент
все вместе они находятся в контейнере который должен скрилится
но менюшка почему то игнорит высоту и хотя должн абыть квадратной она не квадратная
<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>
как это исправить