<div class="box">
<div class="logoblock">
asdas
</div>
<div class="searchblock">
asdsd
</div>
<div class="buttonblock">
sdsd
</div>
<div class="buttonblock">
ffffff
</div>
<div class="buttonblock">
ddddd
</div>
<div class="buttonblock">
dddddd
</div>
</div>.box {
display: flex;
height: 300px;
width: 100%;
background: red;
}
.logoblock{
flex-basis: 300px;
flex-shrink: 0;
background:green;
}
.searchblock{
flex-basis: 100%;
}
.buttonblock {
flex-basis: 200px;
flex-shrink: 0;
width: 200px;
border: 2px solid #fff;
background:orange;
}table
{
table-layout: fixed;
width: 100%;
white-space: nowrap;
}
.th-1column {
width:10%;
}
.th-2column {
width:20%;
}
.th-3column {
width:70%;
}<table>
<thead>
<tr>
<th class="th-1column">1 столбец</th>
<th class="th-2column">2 столбец</th>
<th class="th-3column">3 столбец</th>
</tr>
<tbody>
<tr>
<td>Вася</td>
<td>Пупкин</td>
<td>go@to.ass</td>
</tr>
</tbody>
</thead>
</table><div class="fbox">
<div class="dboxitem">1</div>
<div class="dboxitem">2</div>
<div class="dboxitem">3</div>
<div class="dboxitem">4</div>
<div class="dboxitem">5</div>
<div class="dboxitem">6</div>
<div class="dboxitem">7</div>
<div class="dboxitem">8</div>
<div class="dboxitem">9</div>
</div>.fbox {
height: 100px;
width: 500px;
display: flex;
flex-direction: column;
flex-wrap: wrap;
.dboxitem {
margin: auto;
flex: 1;
}
}