100% Разделение на височината в Разделение на съдържанието

Ето моят сайт

Опитвам се да накарам височината на лентата на подкатегорията да обхваща целия div със съдържание.

Опитах се да добавя min-heigh: 100%, height:100%, както към div content, така и към div SubCategory, но без успех.

В момента продуктите се изместват надясно, което е решение на проблема ми, но за естетически цели бих искал те да се издигат и наляво, но не и под раздела SubCategory.

Дано има смисъл.


css height
person user2238893    schedule 03.04.2013    source източник
comment
бихте ли ни показали вашия код, моля?   -  person 7alhashmi    schedule 03.04.2013
comment
Ето блока със съдържание .Content .Block { clear: both; } Ето вътрешния 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