Высота CSS работает, но минимальная высота не работает

У меня странная, довольно странная проблема. Проблема в том, что я хочу установить минимальную высоту на 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/

 Guruprasad Rao31 июл. 2013 г., 13:52
Итак, вы хотите, чтобы содержимое левой части меню с синим фоном покрывало всю страницу?
 Ahmar Ali31 июл. 2013 г., 13:43
@ Kaushik Я использую колонки в Twitter начальной загрузки. Я разместил ссылку в сообщении. Размещение кода здесь займет слишком много места, пожалуйста, посмотрите
 Ahmar Ali31 июл. 2013 г., 13:53
@Kaushik да, содержание центра также должно охватывать всю страницу. Короче говоря, весь контент должен охватывать всю страницу
 Guruprasad Rao31 июл. 2013 г., 13:57
Вы сказали, что если вы удалите минимальную высоту и установите только высоту, то это сработает, но оно переполнит нижний колонтитул справа? Вы не пытаетесь добавить z-index в нижний колонтитул, чтобы он всегда оставался на вершине чего-либо ..? Ты пробовал это ... ??
 Guruprasad Rao31 июл. 2013 г., 14:03
Хорошо. Вы пытались установить свойство переполнения css для .., чтобы дополнительное содержимое, отображаемое в div, отображалось внутри div с полосой прокрутки ..
 Guruprasad Rao31 июл. 2013 г., 13:40
Можете ли вы показать нам ваш HTML ..
 Ahmar Ali31 июл. 2013 г., 14:00
@Kaushik, даже если он остается наверху, он будет перекрывать другой контент, нене хочу делать так
 aashnisshah31 июл. 2013 г., 14:34
Если вы неЕсли вы не хотите использовать эффект прокрутки, вы всегда можете добавить переполнение: скрытое; оно будет скрывать все, что ниже 100%.

Ответы на вопрос(1)

Решение Вопроса

это боль, но этоКак это работает? Рост может быть унаследован от установленных родителей, но не тогда, когда они имеютmin-height имущество.

Дочерние элементы, которые имеютmin-height установлен в100% не может наследовать своего родителяВысота в процентах ...

https://stackoverflow.com/a/8468131/1491212

CSS2.1 характеристики:

Процент рассчитывается относительно высоты сгенерированного поля 'содержащий блок. Если высота содержащего блока не указана явно (то есть зависит от высоты содержимого), и этот элемент не является абсолютно позиционированным, значение вычисляется как 'авто'.

использованиеposition: relative; height: 100% на контейнерах, чтобы обойти проблему, и добавитьmin-height: 100%; для самого глубокого ребенка.

 Guruprasad Rao31 июл. 2013 г., 13:40
Это не работает, брат ... позиция здесь не повлияет на div
 Armel Larcier31 июл. 2013 г., 16:01
@ АхмарАли, да, это такэто то, что я имею в виду, но я неу меня нет полностью готового ответа ... Обычно я устанавливаю минимальную высоту: 100% для самых глубоких детей и рост: 100%; положение: относительное; на контейнерах
 Ahmar Ali31 июл. 2013 г., 13:34
Спасибо за ответ, но я неправда не знаешь что ты имеешь ввиду? Поэтому я сохраняю CSS как есть, но добавляю положение относительно каждого контейнера?

Ваш ответ на вопрос