flex 兼容问题

components/modules-pc/chatBox/index.vue

 <!--
 <!--
  * @Author: your name
  * @Author: your name
  * @Date: 2020-09-14 16:53:49
  * @Date: 2020-09-14 16:53:49
- * @LastEditTime: 2020-10-16 17:14:05
+ * @LastEditTime: 2020-10-16 17:30:03
  * @LastEditors: Please set LastEditors
  * @LastEditors: Please set LastEditors
  * @Description: In User Settings Edit
  * @Description: In User Settings Edit
  * @FilePath: /consoles_program/Users/xiawei/gdy/web-live/components/modules-pc/chatBox/index.vue
  * @FilePath: /consoles_program/Users/xiawei/gdy/web-live/components/modules-pc/chatBox/index.vue
@@ -12,9 +12,7 @@
       <top-chat-list></top-chat-list>
       <top-chat-list></top-chat-list>
     </div>
     </div>
     <div class="chat-box">
     <div class="chat-box">
-      <div class="chat-box-list">
-        <chat-list></chat-list>
-      </div>
+      <chat-list></chat-list>
     </div>
     </div>
     <div class="chat-send">
     <div class="chat-send">
       <send-box></send-box>
       <send-box></send-box>
@@ -58,16 +56,9 @@ export default {
   }
   }
   .chat-box {
   .chat-box {
     position: relative;
     position: relative;
-    flex: 1;
+    flex: auto;
     height: 0;
     height: 0;
     width: 100%;
     width: 100%;
-    .chat-box-list {
-      position: absolute;
-      top: 0;
-      left: 0;
-      right: 0;
-      bottom: 0;
-    }
   }
   }
   .chat-send {
   .chat-send {
     flex: 0 0 auto;
     flex: 0 0 auto;