У меня есть таблица, завернутая в div, которую нужно прокручивать горизонтально на экранах мобильных устройств.У меня эта часть работает, но по какой-то причине в правой части таблицы у меня есть пустая область, из-за которой таблица не распространяется на всю ширину div-оболочки.Firefox сообщает, что таблица имеет правильную ширину в пикселях, но она расширяется не так, как положено.
.m-portlet__body {
padding: 0;
position: relative;
}
.m-form {
overflow: auto;
min-width: 500px;
}
.table {
table-layout: fixed;
}
<div class="m-portlet__body">
<form name="user_notification">
<table class="table">
<thead>
<tr>
<th></th>
<th>A</th>
<th>B</th>
<th>C</th>
</tr>
</thead>
<tbody>
<tr>
<td></td>
</tr>
<tr>
<td>a</td>
</tr>
<tr>
<td>b</td>
</tr>
<tr>
<td>c</td>
</tr>
</tbody>
</table>
</form>
</div>
Пример пробела:
Заявленная ширина оболочки:
Сообщаемая ширина таблицы:
Обновление с шириной таблицы, установленной на100%: