有没有办法让选择下推内容？答案

【问题标题】：Is there a way to make a select push content down?有没有办法让选择下推内容？
【发布时间】：2020-03-20 23:00:57
【问题描述】：

我是新手！我正在使用 jquery 插件（ddslick）来自定义使用图像和描述的选择元素，但我有一些问题。我想了解当我点击内容时是否有办法将内容下推。

https://i.stack.imgur.com/ebVoD.png

<div class="row">
            <div class="col-md-3">
                <div class="select-box pt-3 col-md-6">

                    <select id="myDropdown">
                        <option value="0" data-imagesrc="1small.png"> Facebook</option>
                        <option value="1" data-imagesrc="1small.png">Twitter</option>
                        <option value="2" selected="selected" data-imagesrc="1small.png">LinkedIn</option>
                        <option value="3" data-imagesrc="1small.png">Foursquare</option>
                        <option value="4" data-imagesrc="1small.png">Twitter</option>
                        <option value="5" data-imagesrc="1small.png">LinkedIn</option>
                        <option value="6" data-imagesrc="1small.png">Foursquare</option>
                        <option value="7" data-imagesrc="1small.png">Twitter</option>
                        <option value="8"  data-imagesrc="1small.png">LinkedIn</option>
                        <option value="9" data-imagesrc="1small.png">Foursquare</option>
                        <option value="10" data-imagesrc="1small.png">Foursquare</option>

                    </select>

                </div>
            </div>
        </div>

【问题讨论】：

“下推内容”是什么意思？
看张贴的图片。当我单击选择元素时，内容会超出其容器。

标签： javascript jquery html css twitter-bootstrap

【解决方案1】：

你可以添加这个 CSS：

#myDropdown .dd-options { position: relative; }

演示

$('#myDropdown').ddslick({});

#myDropdown .dd-options { position: relative; }

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/ddslick@1.0.3/dist/jquery.ddslick.min.js"></script>

<div class="row">
  <div class="col-md-3">
    <div class="select-box pt-3 col-md-6">
      <select id="myDropdown">
        <option value="0" data-imagesrc="1small.png"> Facebook</option>
        <option value="1" data-imagesrc="1small.png">Twitter</option>
      </select>
    </div>
  </div>
</div>

<p>Some content</p>

【讨论】：