css - 如何调整div的位置

Question

我有两个 div 搜索和演示。而div演示是

hidden {
  display: none
}

和按钮的onClick我想展示 div 演示，其内容加载 onClick 事件。虽然出现了div demo但是在搜索div的右边。我希望它位于搜索分区下方。

这是我的代码:

<div id= search>
    <div class="recruitment_input">
        <span style="margin-top:6px;">Search<sup>&nbsp;</sup>:</span> 
        <select id="requesttype" class="select_option">
            <option value="none">--Select Search--</option>
            <option value="design">Department</option>
            <option value="development">First Name</option>
            <option value="other">Employee ID</option>
        </select>
    </div>
</div>
<div id=demo></div>

Answer 1

EXAMPLE HERE

我相信这就是您要实现的目标。 $('#requesttype').on('change') 方法可以替换为 $('button').on('click') 方法，如下所示出色地。如果您有任何问题，请告诉我。