SOURCE

<h5>第1题</h5>
<div class="div1 clearfix">
  <div class="item"></div>
  <div class="item"></div>
  <div class="item"></div>
  <div class="item"></div>
</div>
<h5>第2题</h5>
<div class="div2">
  <div class="item"></div>
  <div class="item">弹性压缩空间</div>
  <div class="item"></div>
  <div class="item"></div>
  <div class="item"></div>
</div>
<h5>第3题</h5>
<h5>第4题</h5>

* {
  margin: 0;
  padding: 0
}

.clearfix {
  zoom: 1
}

.clearfix::after {
  content: "";
  clear: both;
  display: block;
  height: 0
}

.div1,.div2{
  width:600px;
  background:#ccc;
  height:36px;  
}
.div1 div{
  width:60px;
  box-sizing:border-box;
  border:1px solid red;
  height:36px;
  float:right;
}
.div1 div:nth-of-type(1){
  float:left;
  width:80px;
}
.div2 {
  display:flex;
}
.div2 .item{
  width:60px;
  box-sizing:border-box;
  border:1px solid red;
  height:36px;
}
.div2 div:nth-of-type(1){
  width:80px;
}
.div2 div:nth-of-type(2){
  flex:1;
  width:auto;
  border:none;
}