100% высоты Div внутри Content Div

Вот мой сайт

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

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

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

Надеюсь, это имело смысл.


css height
person user2238893    schedule 03.04.2013    source источник
comment
не могли бы вы показать нам свой код, пожалуйста?   -  person 7alhashmi    schedule 03.04.2013
comment
Вот блок контента .Content .Block { ясно: оба; } Вот внутренний div SubCategory .SubCategoryList, .SubBrandList { padding-top: 0px; плыть налево; } Извините, я новичок во всем этом. Позвольте мне знать, если вам нужно что-нибудь еще. По сути, я пытаюсь добиться, чтобы высота подкатегории всегда равнялась высоте блока содержимого.   -  person user2238893    schedule 03.04.2013
comment
.Content, .Block { clear:both;} .SubCategory, .SubCategoryList, .SubBrandList { padding-top: 0px; float: left; } убедитесь в правильности структуры, которую вы пишете.   -  person 7alhashmi    schedule 03.04.2013

Ответы (1)


arrow_upward
0
arrow_downward

Если вы хотите, чтобы .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

person fletch    schedule 03.04.2013
comment
Большое спасибо. Работал как шарм. Не могли бы вы объяснить мне, что именно лежит в основе правил положения? Просто чтобы я знал, почему это сработало. Благодарю вас! - person user2238893; 03.04.2013
comment
Конечно. Объявляя position:relative в элементе .Content .Block, вы определяете элемент, содержащий элемент .SubCategoryList. В противном случае это будет первый предок positioned при обратном перемещении вверх по DOM... если ни один не будет найден, по умолчанию будет использоваться элемент html. Затем высота содержащегося элемента устанавливается равной высоте элемента-контейнера с помощью height:100%. - person fletch; 03.04.2013
comment
Кстати, если это сработает ... не стесняйтесь пометить это как ответ на ваш вопрос. ;) - person fletch; 03.04.2013