HTML-таблица шириной 100% с вертикальной прокруткой внутри тела
Как я могу установить для 100% ширина и положить только внутри
вертикальная прокрутка для некоторой высоты?
table {
width: 100%;
display:block;
}
thead {
display: inline-block;
width: 100%;
height: 20px;
}
tbody {
height: 200px;
display: inline-block;
width: 100%;
overflow: auto;
}
Head 1
Head 2
Head 3
Head 4
Head 5
Content 1
Content 2
Content 3
Content 4
Content 5
Я хочу избежать добавления какого-либо дополнительного div, все, что я хочу, это простая таблица, как эта, и когда я пытаюсь изменить отображение,table-layout
position
и многое другое в таблице CSS не работает хорошо с шириной 100% только с фиксированной шириной в пикселях.