Как сделать div достаточно широким при прокрутке экрана?

Как мне настроить CSS для div class="breadcrumbs", если таблица шире экрана, а фон не до конца. Скриншот, где проблема Я бы хотел, чтобы темно-синяя полоса была до конца горизонтальной прокрутки (не только по ширине экрана).

Теперь это выглядит следующим образом:

div.breadcrumbs {
    background: var(--breadcrumbs-bg);
    padding: 10px 40px;
    border: none;
    color: var(--breadcrumbs-fg);
    text-align: left;
    width:100%;
    margin:0;
}

Таблица переполняет экран ... попробуйте сделать ширину таблицы равной 100%

Добавьте это внутри тега head:

<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0">

Ваше тело: 

<div class="myTable" style="overflow: scroll"> /** or hidden **/
   <table>
     ...
   </table>
</div>

надеюсь, это помогло...

Вернуться на верх