flex 上下两端布局，父元素背景覆盖不到屏幕外区域解决方法

上下两个div，使用 flex 布局，父div的颜色覆盖不到屏幕外区域，解决方法：

父div css：

display: flex;
flex-direction: column;
justify-content: space-between;
background: rgba(241, 245, 249, 0.5);
min-height: 100vh;
overflow: auto;
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • CSS相关
    1.1CSS 基础与选择器初识 | CSS 1. CSS 加载方式有几种？ CSS样式加载一共有四种方式： 1、行...
    没糖_cristalle阅读 4,174评论 0赞 0
  • h5常见的面试题
    第一部分 HTML&CSS整理答案 1. 什么是HTML5？ 答：HTML5是最新的HTML标准。 注意：讲述HT...
    kismetajun阅读 27,960评论 1赞 45
  • 页面布局
    本文主要讲述页面布局样式方面涉及的知识点，更全面的对CSS相应的技术进行归类、整理、说明，没有特别详细的技术要点说...
    Joel_zh阅读 4,563评论 0赞 1
  • Css专题总结
    选择qi：是表达式 标签选择器 类选择器 属性选择器 继承属性： color，font，text－align，li...
    love2013阅读 6,820评论 0赞 11
  • Css专题总结
    选择qi：是表达式 标签选择器 类选择器 属性选择器 继承属性： color，font，text－align，li...
    wzhiq896阅读 5,769评论 0赞 2