How to correctly mark up on flex-box in safari?

There is a column stretched the entire height of the screen, inside the container 2 , the first set margin-bottom:auto; a second container starting from the first goes down too for the screen
July 2nd 19 at 18:00
1 answer
July 2nd 19 at 18:02
first, an example here jsfiddle.net
second, justify-content: flex-start | flex-end | center | space-between | space-around what for there marginali something moving
justify-content: flex-start .... put to the container parent and shifts to 1 side, I have at different angles - Yoshiko24 commented on July 2nd 19 at 18:05
: justify-content: space-between in your case need - Teagan_Leann commented on July 2nd 19 at 18:08
: Yes, but still works as marinom example can't fix it because its not the layout of everything is confusing, thanks :) - Yoshiko24 commented on July 2nd 19 at 18:11
by : description, the problem with the height of the parent container - Elmer.Upt commented on July 2nd 19 at 18:14
: container height 100%, when clicking the button gets the hat and in Safari the height remains the same and the lower elements go off the screen - Yoshiko24 commented on July 2nd 19 at 18:17
: tyk the problem is not with the Flex, and the recalculation of the height - Elmer.Upt commented on July 2nd 19 at 18:20
: when asked the question did not know about this button,but still I don't understand how to fix in other browsers all the rules - Yoshiko24 commented on July 2nd 19 at 18:23
without code it is unlikely someone will help - Elmer.Upt commented on July 2nd 19 at 18:26
: I'd like to suggest: wrap the container and cap still - Elmer.Upt commented on July 2nd 19 at 18:29

Find more questions by tags LayoutCSSHTML