Select2 widget：与父div相关的宽度

Question

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

现在看起来如何：

• 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

任何帮助都将不胜感激。