flex的一种常用布局实现

1.有些页面的内容较少,撑不起整个屏幕,结果底部内容显示在了屏幕中间位置。

2.中间部分实现圣杯布局

效果图:

flex的一种常用布局实现_第1张图片

代码:

主要使用了flex:1;



    
    内容过少时,底部内容不在浏览器最下方
    



    
顶部

    

        

        

        

    

    
底部



你可能感兴趣的:(css样式,圣杯布局,内容过少,底部不在最下面显示)