Как сделать Overflow: hidden c width: 100%?

Question

[sldo_ru]

Пытаюсь сделать слайдер для div-блоков, нужна возможность скрывать блоки, однако слайдер должен иметь 100% ширину. Пробовал сделать с absolute на .scroll-list, но не работает, потому что height у блоков может быть разный. Как сделать Overflow: hidden и width: 100% на скролл div.

<div className='scroll'>
  <div className='scroll-list'>
         <!-- Здесь блоки (Пример: <div class='example'></div>) -->
  </div>
</div>

Answer 1

[Ankhena]

Не всё ясно из вопроса
В примере scroll вместо hidden для наглядности https://jsfiddle.net/r47bk3zg/

Comments

[sldo_ru]

Решение хорошо, что мне нужно, чтобы в div .scroll-list были div. Допустим, по 300px. Когда .scroll-list переполнялся, то контент обрезался (overflow: hidden), однако же это свойство не работает, если задать .scroll-list width: 100%

[Ankhena]

sldo_ru, вообще, блочные элементы и так растягиваются на всю доступную ширину. Правда, это не идентично width 100%.

Но, пожалуйста, задала обертке 100% ширину в явном виде, ничего не поменялось https://jsfiddle.net/ujyxn5p4/

Думаю, что вам пора сделать песочницу с вашим кодом. Иначе не понятно в чем проблема.

[sldo_ru]

Ankhena, хорошо, сейчас сделаю

[Ankhena]

sldo_ru, ау?