как изменить размер родительского div в зависимости от ширины и количества элементов

Я разрабатываю отзывчивое слайд-шоу, в котором пользователь может загружать любое количество изображений, а приложение динамически генерирует слайд-шоу, которое может поместиться на любом устройстве. Теперь есть проблема, с которой я столкнулся.

<section id="container">
            <article id="slider">
           <div id="item"><img src="img/image-1.jpg" alt="" /></div>
                <div id="item"><img src="img/image-2.jpg" alt="" /></div>
                <div id="item"><img src="img/image-3.jpg" alt="" /></div>
                <div id="item"><img src="img/image-4.jpg" alt="" /></div>
                <div id="item"><img src="img/image-3.jpg" alt="" /></div>
                <div id="item"><img src="img/image-4.jpg" alt="" /></div>

            </article>
            <article id="nav">
                <div id="prev" onclick="prev();"><img src="img/prev.png" alt="" /></div>
                <div id="next" onclick="next();"><img src="img/next.png" alt="" /></div>
            </article>
        </section>

Вышеупомянутый HTML-код генерируется моим java-кодом. Здесь пользователь загрузил 5 изображений. Теперь каждое изображение будет занимать фиксированное число в 300 пикселей. поэтому общая ширина будет составлять 5 * 300 + 5 *. Теперь я могу установить ширину контейнера динамически в моем java-коде, чтобы соответствовать всем изображениям в одной строке, и скрыть те, которые превышают 940 пикселей, как видно на большинстве обычных слайд-шоу. Я хочу знать, есть ли css-решение для этого, например, термоусадочная упаковка, которая сжимает встроенные divs, здесь я хочу расширить контейнер.

С Уважением,

Маклин