У меня странная, довольно странная проблема. Проблема в том, что я хочу установить минимальную высоту на 100%, то есть содержимое страницы должно охватывать весь экран пользователя, и, если возможно, страница должна расширяться вниз, если содержание превышает 100%. Простым способом было бы установить min-height: 100% и установить height: auto, это именно то, что я хочу, но независимо от того, сколько раз я его пробую, проблема остается.

Я использую высота auto и min-height: 100% на всех элементах, но это не такт работа. Если я удаляю min-height, чтобы включить только height: 100%, то это работает как талисман, но когда содержимое больше, оно переполняет весь нижний колонтитул.

Пожалуйста, помогите мне здесь CSS:

html, body, container, row, col-lg-3, col-lg-9 {
     min-height: 100%;
     height: auto !important;
     height: 100%;
 }
 .container {
     max-width: 1170px;
     min-height: 100%;
     height: auto !important;
     height: 100%;
 }
 .col-lg-3 {
     min-height:100%;
     height:100%;
 }
 .col-lg-9 {
     min-height: 100%;
     height: 100%;
 }

Вот страница, показывающая проблему:http://contestlancer.com/ai/GP/