page
{
height:
100%
;
}
.container
{
height:
100%
;
width:
100%
;
background:
red
;
display:
flex
;
flex-flow:
row
wrap
;
/*flex-direction和flex-wrap的简写 */
justify-content:
space-around
;
/*元素的对齐方式 默认左对齐 */
align-items:
flex-end
;
}
解决办法:在上面添加一个page 样式就可以解决
page
{
height:
100%
;
}
.container
{
height:
100%
;
width:
100%
;
background:
red
;
display:
flex
;
flex-flow:
row
wrap
;
/*flex-direction和flex-wrap的简写 */
justify-content:
space-around
;
/*元素的对齐方式 默认左对齐 */
align-items:
flex-end
;
}