Div zmieniający wielkość w zależności od zawartośći

0

Witam mam problem tego typu. Mam 3 divy (jeden wewnatrz drugiego) i chce ustawić taką zależność że ich wielkość zależy od zawartośći tego najbardziej zagnieżdżonego, tylko coś mi nie wychodzi. Mogę prosić o jakąś wskazówkę do pozniższego kodu?

<div style="width:400px;height:100%;border-color:red">
    <div style="width:400px;height:100%;border-color:green">
        <div style="width:400px;height:100%;border-color:black">
         i tutaj kilkadziesiąt lini tekstu co powoduje wyjscie za poprzednie bloki
        </div>
    </div> 
</div> 
0

Pewnie się mylę, ale możesz ustawić szerokość, czy tam wysokość na auto

0

Dzięki za odzew niestety nie działa, Gdyby ktoś miał jeszcze jakis pomysł to proszę pisać.

0

Możesz użyć stylu overflow: auto; dla zagnieżdżonego div-a co sprawi, że będzie można przesuwać zawartość diva albo nie używaj właściwości height. Co do drugiego pewny nie jestem bo nie sprawdzałem.

0

Działa, dzięki!

0

Poprawne rozwiązanie jest banalne: nie rób nic. Nie ustawiaj height (domyślnie ma wartość auto), nie ustawiaj overflow. Możesz zostawić width czy border jeśli chcesz.

Domyślnie, elementy rozciągają się w pionie by pomieścić swoją zawartość -- to naturalne zachowanie.

0

Zawsze możesz ustawić min-height, aby wymusić jakąś minimalną wysokość.

Pozdrawiam.

1 użytkowników online, w tym zalogowanych: 0, gości: 1