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

一个左中右布局,左侧为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'

你可能感兴趣的:(CSS)