Siema, od razu mówię, że chyba będę miał problem z wytłumaczeniem mojego problemu, ale mam nadzieję, że ktoś to zrozumie i mi pomoże xD
W ramach ćwiczeń robię sobie prostą stronę w oparciu czystego html i css. Strona ma być zbudowana na divach z wykorzystaniem właściwości position do układania elementów (może być jeszcze ewentualnie float, ale nie np flexbox). Generalnie strona wygląda tak, że dzielę ją sobie na poszczególne sekcje, w której są inne divy z właściwością position i są one odpowiednio pozycjonowane. Chciałem zrobić coś takiego, że mam "diva głównego", w którym są obok siebie w poziomie dwa mniejsze divy. Obydwa divy zawierają tekst i mają właściwość position absolute, oraz wysokość ustawioną na auto, czyli w zależności od tego, ile będą mieć tekstu, tak będą wysokie. Tylko że problem polega na tym, że jak tekstu będzie za dużo, do div wyjdzie poza rodzica, a chciałbym, żeby rodzic też się powiększał, kiedy jakiś div jest za duży. Tyle że jak ustawię właściwość głównego diva na auto, to wtedy ten div całkowicie znika.
Chciałbym się zapytać, czy istnieje jakaś możliwość, aby div główny, który sam ma właściwość position relative i ma w sobie divy z właściwością absolute, mógł się powiększać w zależności od tego, ile tekstu będzie w wewnętrznych divach?
Żeby było łatwiej zrobiłem w JSFiddle kod. Widać tam żółtego diva głównego, a w nim dwa divy wypozycjonowane a pomocą position aboslute. Oba divy mają wysokość na auto, a div.main na 500px, tyle że jak zmienię jego właściwość na auto, to wtedy całkowicie znika.
https://jsfiddle.net/vy0sr24f/
Nie wiem czy to wszystko dobrze wytłumaczyłem, ale czy da się jakoś rozwiązać mój problem w czystym html i css?
I jeżeli nie position, to czy dałbym radę zrobić coś takiego w flexboksie?