Таблица HTML с шириной 100%, с вертикальной прокруткой внутри tbody

как я могу установить для <table> 100% ширина и положить только внутри <tbody> вертикальная прокрутка для некоторой высоты?

table {

    width: 100%;

    display:block;

}

thead {

    display: inline-block;

    width: 100%;

    height: 20px;

}

tbody {

    height: 200px;

    display: inline-block;

    width: 100%;

    overflow: auto;

}

  

<table>

  <thead>

    <tr>

    	<th>Head 1</th>

    	<th>Head 2</th>

    	<th>Head 3</th>

    	<th>Head 4</th>

    	<th>Head 5</th>

    </tr>

  </thead>

  <tbody>

    <tr>

    	<td>Content 1</td>

    	<td>Content 2</td>

    	<td>Content 3</td>

    	<td>Content 4</td>

    	<td>Content 5</td>

    </tr>

  </tbody>

</table>

Я хочу, чтобы избежать добавления некоторых дополнительных div, все, что я хочу, это простая таблица, как это, и когда я пытаюсь изменить дисплей,table-layout,position и многое другое в таблице CSS не работает хорошо с шириной 100% только с фиксированной шириной в px.