Изменение высоты контейнера

Question

Я прохожу некоторые незначительные проблемы здесь.Я использую стандартную высоту контейнера и код CSS для всех страниц.Для большинства страниц достаточно контента, чтобы заполнить его, а для некоторых контент может занимать только 10-20% страницы.Так что это хорошая идея для этих страниц использовать другую минимальную высоту?Ниже приведен код:

#wrapper {
   background-color: #999999;
   margin:0 auto; 
   min-height: 600px;
   width:770px;
   font-family: "Lucida Grande", Verdana, "Lucida Sans Unicode", Arial, Helvetica, 
   sans-serif;
   font-size:15px;
   color: #222222;
   margin-left:60px;
   margin-bottom:60px;
}

Answer 1

Возможно, лучше объявить меньшее min-height в отдельном классе.

Тогда вы можете сделать <div id="wrapper" class="smallerContent">.

#wrapper.smallerContent {
    min-height: 300px
}