flexbox布局margin-bottom浏览器窗口

Question

我想用flexbox模型布局进行布局。我想要     制作父元素的完整高度，但是我想要一些margin-bottom     浏览器窗口。无论屏幕有多大屏幕都没关系     底部保持不变。

Many thanks and complete code.

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

Answer 1

使底部边框颜色与页面背景相同 - 或透明。在小提琴中它看起来不正确，但在页面上它应该。

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

尽管对跨浏览器支持进行研究。

Answer 2

这就是我问的解决方案。完整的代码在这里。

Check this fiddle Link