Estou tendo um problema estranho e estranho. O problema é um pequeno que é eu quero definir min-height para 100% que é o conteúdo da página deve abranger toda a tela do usuário e, se possível, a página deve estender para baixo se o conteúdo for superior a 100%. Uma maneira simples seria definir min-height: 100% e set height: auto que é exatamente o que eu quero, mas independentemente de quantas vezes eu tentei o problema permanece lá.

Estou usando height auto e min-height: 100% em todos os elementos, mas não funciona. Se eu remover min-height para incluir apenas height: 100%, então funciona como um charme, mas quando o conteúdo é maior, ele transborda todo o rodapé.

Por favor me ajude aqui é 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%;
 }

Aqui está a página mostrando o problema:http://contestlancer.com/ai/GP/