flexbox佈局頁邊距瀏覽器窗口底部

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; 
} 

儘管你做了跨瀏覽器支持的研究。