#main {
margin: auto;
padding: 0;
width: 95%;
}
#left-wrapper {
display: block;
}
#content {
height: 500px;
white-space: nowrap;
overflow-y: auto;
overflow-x: scroll;
}
<div id="main">
<table>
<tr>
<td>
<div id='left-wrapper'>
</div>
</td>
<td>
<div id='content'>
<table>
<tr>
<td>
</td>
<td>
</td>
<td>
</td>
</tr>
<tr>
<td>
</td>
<td>
</td>
<td>
</td>
</tr>
<tr>
<td>
</td>
<td>
</td>
<td>
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</div>
Оболочка содержимого содержит таблицу, в которой хранятся некоторые данные, размер которых неизвестен, и их нельзя переносить так, чтобы было пустое пространство: задан nowrap, и он работает нормально.Высота содержимого div имеет фиксированный размер, и вертикальная полоса прокрутки выглядит нормально.Ширина основного div установлена на 95%.Проблема состоит в том, что div содержимого не активирует полосу прокрутки, когда данные слишком длинные, чтобы уместиться, вместо этого он изменяет размеры к правой стороне экрана, даже если ширина основного div обертки установлена на 95%.Есть ли способ активировать горизонтальную полосу прокрутки содержимого div без установки его ширины?Его максимальная ширина должна соответствовать ширине основной обертки, это не будет проблемой, даже если она имеет фиксированную ширину, но тогда она должна заполнить оставшуюся область, чтобы соответствовать ее основному div обертки, который, как я уже говорилимеет ширину 95%.Я искал везде, дни проходят, и я просто не могу найти правильное решение.Пожалуйста, если у кого-то есть предложение, я буду очень признателен.Благодаря.