jquery - Select2 小部件：与父 div 相关的宽度

Question

我使用 Select2 小部件在我的 MVC.NET 应用程序中填充下拉菜单。是否可以使选择列表与父 div 或父下拉列表具有相同的宽度？我唯一想到的是max-width: 300px;在所有 select2 css 类中进行设置，但这对我来说并不完全正确，因为当我单击下拉列表时，它会变得比父 div 或下拉列表更小或更大（当然是因为 max-width）。

现在的样子：

• http://imageshack.us/a/img836/6984/captureqtj.png
• http://img163.imageshack.us/img163/5261/capture2mu.png

所有的 css 都与默认值相同，只是max-width: 300px;到处都有。

我使用Foundation来布局站点。

编辑

CSS 文件：

1. http://pastebin.com/2iEgEPmn
2. http://pastebin.com/uhxxYJpr
3. http://pastebin.com/pzbSwNfK

HTML/C# 示例：

1. http://pastebin.com/DerAzaj0
2. 输出来源： http: //pastebin.com/CJVA4WTP

任何帮助，将不胜感激。