Может ли родительский div сжаться меньше минимальной ширины одного из его дочерних элементов?

Question

При начальной загрузке страницы размер родительского элемента превышает 500 пикселей. Мне нужно, чтобы горизонтальная полоса прокрутки появлялась в родительском элементе, когда она становится меньше 500 пикселей в ширину. Проблема заключается в том, чтобы установить минимальную ширину дочернего элемента, чтобы родитель не сжимался ниже 500 пикселей. Что нужно изменить, чтобы родительский объект мог уменьшиться ниже 500 пикселей?

    .parent {
      overflow-x:auto;
    }
    .child {
       width:500px;
       min-width:500px;
    }

    <div class="parent">
        <div class="child">
            elements and such
        </div>
    </div>