Poszerzanie Głównego Diva.

[Leathercraft]

Witam, mam pewien problem od dłuższego czasu. Chodzi o to, że nie wiem jak zrobić w css aby div główny, w którym są dwa inne divy, poszerzał się razem z tymi divami w środku. Poniżej umieszczam obrazek aby lepiej to przedstawić.

 

 

• Gdy div o kolorze Morskim wraz z divem Niebieskim będą miały na tyle zawartości, że muszą poszerzyć się w dół chcę aby div Czerwony poszerzał się razem z nimi.

[lazarus.1988]

ja robię tak:

 

div #glowny{position: relative; min-width: 1280px;}
div #lewy{float: left; min-width: 230px;}
div #prawy{float: left; min-width: 1050px;}

Pamiętaj, żeby pod divami dopisać jeszcze jeden div ze stylem

clear: both;

[Jakub]

Na div czerwony nadaj display: flex;

 

Jak użyjesz flexa to już nie da się użyć w nim float'ów. Tak jak napisał Writen, overflow: hidden; załatwia sprawę.

 

@Edit #2

Bawiłem się trochę i jeśli używasz flex'a float:right zastępujesz margin-left: auto;

[Writen]

"poszerzyć się w dół". Aż się  za głowę złapałem. Szerokość strony to oś X, więc nie da się poszerzyć w dół.

Obrazek sugeruje, że chcesz aby czerwony div zwiększał swoją wysokość (a nie szerokość). Jeśli divy wewnątrz są pływające (nadany float) to czerwonemu wystarczy dać overflow: hidden. Jeśli o to ci chodziło, to nie potrzebne są żadne flexy, ani clearfixy.

 

Edit: Swoją drogą, polecam flexa

[P4ckeR]

"poszerzyć się w dół". Aż się  za głowę złapałem. Szerokość strony to oś X, więc nie da się poszerzyć w dół.

Obrazek sugeruje, że chcesz aby czerwony div zwiększał swoją wysokość (a nie szerokość). Jeśli divy wewnątrz są pływające (nadany float) to czerwonemu wystarczy dać overflow: hidden. Jeśli o to ci chodziło, to nie potrzebne są żadne flexy, ani clearfixy.

 

Edit: Swoją drogą, polecam flexa

a po ile bo fiva bym zjadl