Height auto responsive (div -> ul -> li)

Bonjour,

Je suis face à un probleme en faite j'ai une div qui contient un ul et plusieurs li.

ex:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<div>
	<ul class="data-list-items">
        <li class="data-list">mr </li>
        <li class="data-list-item">
            <div class="list-label">
                <span class="list-name">test1</span>
                <span class="list-type">test1</span>
                <span class="list-number">22</span>
            </div>
        </li>
        <li class="data-list-item">
            <div class="list-label">
                <span class="list-name">test1</span>
                <span class="list-type">test1</span>
                <span class="list-number">22</span>
            </div>
        </li>
        <li class="data-list">mr </li>
        <li class="data-list-item">
            <div class="list-label">
                <span class="list-name">test1</span>
                <span class="list-type">test1</span>
                <span class="list-number">22</span>
            </div>
        </li>
        <li class="data-list-item">
            <div class="list-label">
                <span class="list-name">test1</span>
                <span class="list-type">test1</span>
                <span class="list-number">22</span>
            </div>
        </li>
</ul>
</div>

mon probleme est que j'aimerais que ma div est un overflow:scroll et une height auto. Suivant la hauteur de ma fenetre.

je m'explique j'ouvre ma page avec une hauteur de 400 px par exemple, dans ce cas toute ma div est visible sans scroll.

Apres je diminue la taille de cette fenetre de 400px -> 50px j'aimerais que mon element div puisse scroller et que ma hauteur soit dynamic.

un peut comme un comportement (table tr) avec un overflow: scroll et une height auto.

Je vous remercie d'avance de votre aide.

Attension cependant j'aimerais que ça soit cette div qui soit scrollable et non toute ma vue.

Merci.