Скачки стилей библиотеки chosen

255
09 февраля 2018, 19:00

Пытаюсь сделать выбор полей с помощью библиотеки chosen. Но проблема в том, что когда выбираешь большие элементы, эта планка расширяется вверх, нарушая все стили. Никак не могу найти, как правильно ее ограничить? Чтобы ее размер увеличивался только вниз. Вот код: JSFiddle code . Пытался вставить его сюда, но встроенный редактор не захотел работать с внешними билиотеками, по крайне мере у меня вылазили ошибки. Также пока никак не пойму, почему она смещается вниз относительно остальных блоков? Надеюсь на вашу помощь.

Answer 1

#wrapTextarea { 
  position: relative; 
  top: 10px; 
  height: 300px; 
  width: 300px 
} 
 
#wrapSelect { 
  position: relative; 
  top: 10px; 
  height: 300px; 
  width: 300px 
} 
 
select { 
  position: absolute; 
  top: 10px; 
} 
 
textarea { 
  width: 100px; 
  position: absolute; 
  top: 10px; 
}
<div id="wrapTextarea"> 
  <textarea> 
</textarea> 
</div> 
<div id="wrapSelect"> 
  <select class="chosen" multiple="true" style="height: 34px; width: 280px"> 
  <option>1</option> 
  <option>2</option> 
  <option>3</option> 
  <option>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</option> 
  <option>ATI/AMD</option> 
  <option>NVIDIA</option> 
  <option>ATI/AMD</option> 
  <option>NVIDIA</option> 
</select> 
</div>

READ ALSO
Проблема с CSS стилями [требует правки]

Проблема с CSS стилями [требует правки]

Как исправить вот это?

221
Скрыть блок div через css

Скрыть блок div через css

Здравствуйте, есть несколько дивов, формируются через php, в итоге получается такой код:

309
css.js. Анимация появления блока с изменением положения соседних элементов

css.js. Анимация появления блока с изменением положения соседних элементов

Заставить блок (#visible) появится таким образом, чтобы он подвинул верхний блок с текстом в вверх, а нижний блок в низ и сам отрисовался аналогичным...

272