Автоматическое растяжение div, когда задана высота / ширина по умолчанию

Question

мой шаблон выглядит следующим образом:

.layout{

height:100%;
width: 70%;
position: fixed;

}

.header{

height:20%;
width: 100%;

}

.content{

height:60%;
width: 100%;

}

.footer{

height:20%;
width: 100%;

}

содержимое имеет высота по умолчанию 60% , и я хочу, чтобы содержимое было заполнено данными для получения автоматическое растяжение для (высота / ширина) при необходимости и прокрутка для всей страницы, как это сделать?

Я попробовал решение для предоставления parent postion:relative;, но это будет игнорировать высоту по умолчанию и минимизировать содержимое, если в содержимом есть небольшие данные, и я хочу сохранить высоту по умолчанию в случае небольшие данные.

Answer 1

Как указано в Motoxer4533, используйте свойство min-height: http://jsfiddle.net/uef7v/

Answer 2

просто установите .content height с помощью свойства min-height:

.content{
   min-height:60%;
}

, которое установит минимальную высоту .content на 60%, и если данные содержимого занимают более 60% автоматически растянется .но вам нужно сбросить позицию: исправлено на макете.вам это не нужно, если ваш контент динамический.