当子div的宽度大于父div的宽度时，请使其向右滚动以获得溢出内容

Question

我有一个问题似乎无法解决。 我有一个固定宽度的父div。 在那个div内，我正在显示更小的div。 但是，如果它们超出了父级的宽度，内容就会溢出到外部或堆叠在一起。

所以我想做的是，如果子div的总宽度大于父div的宽度，则将出现一个左右按钮，以便我可以识别溢出的内容。

感谢andvance的所有帮助：）

var divContent = '';

for (let i = 0; i < 19; i++) {
  
  divContent += `<div class="children">Child divs</div>`
  
}
   $("#output").html(divContent);

   #output {
    height: 110px;
    max-width:240px;
    margin: auto;
    border: 3px solid rgb(45, 49, 39);

    }
    .children {
      height: 100px;
      width: 50px;
      float: left;
    }

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="output"></div>