Сделайте Div, чтобы заполнить 100% родительского Div ⇐ Html

[Anonymous]

У меня есть два столбца Div, левый один используется для навигации, в то время как правый содержит нужную страницу, которая будет загружена. с навигационными ссылками, назначенными пользователю, и вторым с двумя фиксированными ссылками. высота, но это не работает. Попроектирован с высотой, минимальным высоте, гибкой, содержимым отображения, наполнителями и т. Д. Высота родительского div), независимо от правильного содержания? class = "Snippet-Code-CSS Lang-CSS PrettyPrint-override">

Код: Выделить всё

.row {
margin: 0;
padding: 0;
width: 100%;
}

.col {
min-height: 100%;
float: left;
height: 100%
}

#coll {
border: 1px blue solid;
width: 30%;
display: flex;
flex-direction: column;
}

#block1 {
background-color: #FFE;
flex: 1 1 auto;
}

#block2 {
background-color: #FEF;
flex: 0 1 auto;
}

#colr {
border: 1px #EFF solid;
width: 60%;
}

#block3 {
background-color: #EEF;
height: 300px;
}< /code>


 dinamic height
static height


 Lorem ipsum with a lot of text

Подробнее здесь: https://stackoverflow.com/questions/794 ... parent-div