Я использую плагин JQuery Chosen в своей форме. Когда варианты выпадают, создается вертикальная полоса прокрутки.
Я думаю, что понимаю, почему это так: я перемещаю контейнер и использую переполнение в его контейнере, чтобы очистить это поплавок, и это, кажется, виновник. Тем не менее, float и clear имеют первостепенное значение для моего фактического макета, и поэтому я не могу просто убрать их, чтобы приспособить плагин Chosen.
Вот быстрый JS Fiddle, чтобы проиллюстрировать проблему. Я довольно озадачен тем, как решить эту проблему, поэтому заранее спасибо за любые предложения.
CSS:
.container {
background: #ccc;
width: 400px;
overflow-y: auto;
overflow-x: hidden;
}
.main {
float: left;
width: 100%;
}
.select-chosen {
display: block;
width: 100%;
}
HTML:
<div class="container">
<div class="main">
<br />
<div>
<select class="select-chosen" multiple>
<option>Option A</option>
<option>Option B</option>
<option>Option C</option>
</select>
</div>
<br />
<br />
</div>
</div>