css - 父 div 可以缩小到小于其子之一的最小宽度吗？

Question

在初始页面加载时，父级宽度超过 500 像素。当它变得小于 500px 宽时，我需要一个水平滚动条出现在父级中。问题是设置孩子的最小宽度使得父母不会缩小到 500 像素以下。需要更改什么才能使父级可以缩小到 500px 以下？

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

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

标签： css