console
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=, initial-scale=">
<meta http-equiv="X-UA-Compatible" content="">
<title></title>
</head>
<body>
<div class="flex-row">
<div class="left" >左</div>
<div class="mid" >中</div>
<div class="right" >右</div>
</div>
</body>
</html>
body {
width: 100%;
}
.flex-row {
background: #ccc;
display: flex;
width: 100vw;
justify-content: space-between;
height: 200px;
}
.left {
height: 100%;
width: 80px;
background: pink;
}
.mid {
height: 100%;
width: 120px;
background: green;
}
.right {
height: 100%;
width: 250px;
background: blue;
}