固定位置容器内的Bootstrap 3“容器 - 流体”防止选择扩展以适合其项目

Question

使用Bootstrap 3和container-fluid，我遇到的问题是多选的大小小大于其最长项目的宽度，即使有足够的它的扩展空间。

fluid-container存在于固定位置容器内部，这似乎是相关的。 （这是必要的，因为在真实的应用程序中，这是一个实现为固定位置叠加的模态弹出窗口）

https://jsfiddle.net/LLa2g7ak/2/

如图所示，固定位置容器（带阴影）有足够的空间可以水平扩展。然而，列表框需要一个滚动条。

如果我使用一个非常非常长的列表项，那么它 会变宽，所以显然没有应用人为约束。

如果我在页面上放置导致容器变宽的其他东西，则列表框的大小正确。 （见https://jsfiddle.net/jLeqhqrh/1/）

那么为什么当列表框可以轻松扩展以显示它们时，为什么列表框的大小太窄？

Answer 1

首先，容器流体没有宽度。

第二，当你使用position：fixed;或position：absolute;，元素从文档的常规流中取出。 div元素的宽度默认设置为auto。

Div class OAuth2FeignRequestInterceptor有modalPopupWindow，这样它会增加内容维度的维度，而multi select的宽度为其容器的100％（col-md-9）。因此，如果多选的内容较大，则会对多选进行溢出。

抱歉我的英语不太好，但我希望你能理解我的解释。