<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>