problem z css

Question

Witajcie, mam problem z pozycjonowaniem elementów. Mam stronę główną ze zdjęciem w tle tj w header który ma przypisane 100vh chciałem na tej stronie głównej umieścić element div który ma 100% szerokości i określoną wysokość oraz menu które będzie na górze. Chciałem za pomocą flexa wypozycjonować te elementy, menu przykleić na górę a ten div przykleić do samego dołu strony, align-items da się ustawić tylko tak że wszystkie elementy pójdą na sam dół albo na sama górę, nie mogę sobie z tym poradzić gdyż strona jest przewijana i ten element div który ma być przyklejony do dołu strony głównej albo zjeżdża w dół albo się podnosi do góry przy zmianie rozdzielczości próbowałem już na milion sposobów overflow hidden i takie tam, ktoś ma jakiś pomysł bo już nie mam siły do tego css 

Answer 1

Po co w takim wypadku flex? Nie łatwiej będzie to wypozycjonować po prostu pozycją absolutną?

Menu dajesz na top: 0;

Ten div dajesz na bottom: 0

Relatywnym elementem będzie body albo po prostu div, który będzie rodzicem na całą wysokość strony.

Comments

dzięki, nie wiem czemu mi tak proste rozwiązanie umknęło tylko kombinuje przesuwam ... eh.