Javascript 单击select2时，水平滚动条将自动显示

我使用select2和bootstrap。每次单击select2，我的页面都会展开并显示一个水平滚动条。 如何解决这个问题：

这是我的HTML代码

<div class="row">
  <div class="col-md-12">
     <select id="js-data-example-ajax" class="js-data-example-ajax form-control" name="parentId"></select>
  </div>
</div>

---

试试这个主体{overflow-x:hidden；}

试试这个主体{overflow-x:hidden；}

有什么问题吗？预期的结果是什么？您是否检查过div或其他标记是否正确关闭？这不能是Select2的问题！检查并检查div的宽度，以找出添加宽度的位置。我已检查但未找到任何添加了且关闭标记没有问题的区域。此处链接视频描述错误：问题是什么？预期的结果是什么？您是否检查过div或其他标记是否正确关闭？这不能是Select2的问题！检查并检查div的宽度，以找出添加宽度的位置。我已检查但未找到任何添加了且关闭标记没有问题的区域。此处链接视频描述错误：