代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
.container{
display: flex;
}
.first{
background-color:rgb(255, 115, 0);
width: 500px;
height: 200px;
}
.second{
background-color:rgb(22, 122, 214);
width: calc(100% - 100px - 100px);
height: 200px;
float: left;
}
.third{
height: 200px;
width: 500px;
background-color:rgb(231, 108, 180);
}
</style>
</head>
<body>
<div class="container">
<div class="first">第一个元素</div>
<div class="second">第二个元素</div>
<div class="third">第三个元素</div>
</div>
</body>
</html>
结果图: