PC-HELP.CZ

Dobrý den,
už dva dny zápasím s tím, že mám na webu 2 divy, kde jeden má výšku auto ( prostě aby se roztahoval podle toho kolik je v něm obsahu ) a vedle něj je úzký div určený pro menu. Ale nikde jsem nenašel jak docílit toho aby div určený pro menu byl stejně dlouhý jako div určený pro text.
Nevíte jak na to?

zjednodušeně to vypadá takto:

HTML
<div>
<div id="menu">
</div>
<div id="article">
</div>
</div>

CSS:
#menu{
background-color:DodgerBlue;
height:100%;
width:150px;
float:left;
margin:auto;
}
#article{
background-color: #fcff77;
min-height: 400px;
width:715px;
padding:65px;
float:right;
height:auto;
}

Zdravím,
několik sekund googlení (1 dotaz na google) mi přinesl celkem použitelný článek o možnostech: http://jecas.cz/stejne-vysoke-sloupce

Použi Flexbox.

Zkouším to řešit přes ten flex, ale nevím jak nastavit 100% height jediná změna je to, že mám menu místo nahoře uprostřed stránky.
#menu {
background-color:DodgerBlue;
height:100%;
width:150px;
float:left;
margin:auto;
flex:150;
}
#article {
background-color: #fcff77;
min-height: 400px;
width:715px;
padding:65px;
float:right;
height:auto;
flex: 715;
margin-left: 5px;
}