margin layout margin-bottom окна браузера

Question

Я хотел был бы сделать макет с макетом flexbox. Я хочу, чтобы сделал полную высоту родительского элемента, однако я хочу, чтобы некоторое нижнее поле в окне браузера. Не имеет значения, как большой экран - маржа дно остается такой же.

Many thanks and complete code. 

https://jsfiddle.net/magtechpro/hu45ns64/2/ 

Answer 1

Это решение, о котором я просил. Полный код здесь.

Check this fiddle Link

Answer 2

сделать нижний цвет границы тем же, что и фон страницы - или Прозрачный. В скрипке он не будет выглядеть правильно, но на странице он должен.

.flexbg { 
    display: flex; 
    max-width: 100rem; 
    width: 100%; 
    margin: 2rem auto;  
    height: 98vh; 
} 

Проводятся ли ваши исследования для кросс-браузерной поддержки.