主页 / 问题 / 781909
Accepted
NTP
Asked:2020-02-08 05:45:14 +0000 UTC2020-02-08 05:45:14 +0000 UTC

选择的图书馆风格跳跃

  • 772

我正在尝试使用chosen. 但问题是当你选择大元素时，这个栏会向上扩展，打破所有的样式。我找不到如何正确限制它？所以它的大小只会向下增加。这是代码：JSFiddle 代码。我试图将它粘贴到这里，但是内置编辑器不想使用外部库，至少我得到了错误。另外，我仍然不明白为什么它相对于其他块向下移动？我希望能得到你的帮助。

javascript

1 个回答

  1. Best Answer

    #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>

    • 2

相关问题