一个左中右布局，最小宽度为600px，左侧为200px，右侧是300px，中间自适应。中间优先显示

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/sinat_36146776/article/details/89206926

一个左中右布局，左侧为200px，右侧是300px，中间自适应。最小宽度为600px，中间优先显示。

法一 网格布局

html

<div class="content">
  <div class="left">左边</div>
  <div class="center">中</div>
  <div class="right">右</div>
</div>

css

.content{
  display: grid;
  min-width: 600px;
  grid-template-columns:200px 1fr 300px;
}

法二 flex布局

法三 float布局

我是js

import http from '../../config/http'