jquery - Select2 ウィジェット: 親 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

どんな助けでも大歓迎です。