У меня так:

<div id="treeview" class="container col-md-3">
    <div id="tree" data-spy="affix"></div>
</div>

Div #tree заполнен bootstrap-treeview. Сгенерированное дерево имеет непредсказуемую высоту, поэтому я хочу, чтобы у него была разумная фиксированная высота и полоса прокрутки (я пытаюсь сделать это с помощью пользовательских стилей #treeview или #tree). Желательно, чтобы таким же образом была ограничена и ширина. Но когда я помещаю data-spy="affix", все это игнорируется.

1
Andrey Moiseev 21 Авг 2014 в 09:38
Присвойте min-height и overflow-y:scroll идентификатору #tree.
 – 
Kheema Pandey
21 Авг 2014 в 09:41
Совсем не сработало (и я не понимаю, почему это должно быть).
 – 
Andrey Moiseev
21 Авг 2014 в 09:46
1
Надеюсь, вы понимаете, почему я использую здесь min-height. иногда min-height работают, когда также определяют значение height.
 – 
Kheema Pandey
21 Авг 2014 в 09:51
Работал. Но почему было недостаточно установить только height? Не могли бы вы отправить его в качестве ответа, чтобы я мог его принять?
 – 
Andrey Moiseev
21 Авг 2014 в 09:58

1 ответ

Лучший ответ

min-height обычно используется, чтобы гарантировать, что элемент имеет хотя бы минимальную высоту, даже если нет содержимого; он также обычно используется вместе с max-height для создания диапазона высоты для соответствующего элемента.

Поэтому в вашем случае вы должны указать min-height и overflow-y:scroll идентификатору #treeview.

ПРОЧИТАЙТЕ Подробнее о MDN

0
Kheema Pandey 21 Авг 2014 в 10:08