100% Высота Div в содержании Div

Вот мой Site 100% Высота Div в содержании Div

Я пытаюсь получить высоту подкатегорию бара, чтобы охватить через весь контент дел.

Я попытался добавить min-heigh: 100%, height: 100%, как для div контента, так и для SubCategory div, но не повезло.

Прямо сейчас продукты плавают вправо, что является средством правовой защиты для моей проблемы, но для эстетических целей я хотел бы, чтобы они тоже плавали влево, но не вырезали под делением SubCategory.

Надейтесь, что сделал смысл.

источник

2013-04-03 user2238893

Вы бы нам показали код? – 7alhashmi

Вот блок содержание .content .Block { ясно: то и другое; } Здесь внутренний DIV Субкатегория .SubCategoryList, .SubBrandList { обивка-топ: 0px; float: слева; } Извините, но я совсем не знаком с этим. Позвольте мне знать, если вам нужно что-нибудь еще. Я по существу стараюсь, чтобы высота подкатегории равнялась высоте блока контента в любое время. – user2238893

'.Content, .Block {clear: both;} .SubCategory, .SubCategoryList, .SubBrandList {padding-top: 0px; плыть налево; } 'убедитесь в структуре, которую вы пишете. – 7alhashmi

Если вы хотите, чтобы .SubCategoryList была на 100% высотой родительского элемента .Content .Block.

Добавить position:relative в .Content .Block. Затем добавьте height:100%; position:absolute; в .SubCategoryList.

Посмотрите что-то вроде этого:

.Content .Block { clear:both; position:relative;} 
.SubCategoryList { padding-top:0px; position:absolute; height:100%}

Будем надеяться, что получает вас, что вы после этого. Вы также можете просмотреть дополнительную информацию о CSS position по адресу: http://www.w3schools.com/css/css_positioning.asp

источник

2013-04-03 05:25:24 fletch

Большое вам спасибо. Работал как шарм. Не могли бы вы объяснить мне, что именно объясняет правила поведения? Просто я знаю, почему это сработало. Спасибо! – user2238893

Несомненно. Объявляя 'position: relative' в элементе' .Content .Block', вы определяете элемент, содержащий элемент '.SubCategoryList'. В противном случае это был бы первый предопределенный положением, когда вы перемещаете обратно DOM ... Если ни один не был найден, он будет по умолчанию элементом 'html'. Затем высота содержащегося элемента устанавливается на высоту элемента контейнера, используя 'height: 100%'. – fletch

кстати, если это сработает ... не стесняйтесь отмечать это как ответ на свой вопрос. ;) – fletch

100% Высота Div в содержании Div

ответ

Смежные вопросы