Estoy teniendo un problema extraño y bastante extraño. El problema es pequeño. Quiero establecer la altura mínima en 100%, ya que el contenido de la página debe abarcar toda la pantalla del usuario y, si es posible, la página debería extenderse si el contenido supera el 100%. Una forma sencilla sería establecer min-height: 100% y establecer height: auto, eso es exactamente lo que quiero, pero independientemente del número de veces que lo intente, el problema sigue ahí.

Estoy usando la altura automática y la altura mínima: 100% en todos los elementos, pero no funciona. Si elimino min-height para incluir solo height: 100%, entonces funciona como un hechizo pero luego, cuando el contenido es más grande, se desborda todo el pie de página.

Por favor ayudame aqui es 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%;
 }

Aquí está la página que muestra el problema:http://contestlancer.com/ai/GP/