可滚动 div 内的复选框显示在其外部答案

【问题标题】：Checkboxes inside scrollable div are being shown outside of it可滚动 div 内的复选框显示在其外部
【发布时间】：2016-10-15 23:18:03
【问题描述】：

所以，我有一个带有复选框列表的表单，它位于可滚动的 div 内。问题是您在图片中看到的复选框显示在容器外。

http://image.prntscr.com/image/80494dcbb220424d94ebd3ba629c5698.png

这是我的代码：

form = document.createElement("form");
form.setAttribute("id", "form_" + sensor + faceta);

document.getElementById(elementID).appendChild(form);

for (j = 0; j < valoresFaceta.length; j++) {

    var label = document.createElement("label");
    var description = document.createTextNode(valoresFaceta[j]);
    var checkbox = document.createElement("input");

    checkbox.type = "checkbox";   
    checkbox.value = valoresFaceta[j];     


    label.appendChild(checkbox);  
    label.appendChild(description);
    document.getElementById("form_" + sensor + faceta).appendChild(label);
    document.getElementById("form_" + sensor + faceta).appendChild(document.createElement("br"));}

编辑：这就是我想要的，但是当我尝试在 JS 中进行此操作时，应该隐藏的复选框显示在容器外部，有人可以帮忙吗？ https://jsfiddle.net/gtjarq09/

【问题讨论】：

标签： jquery html css checkbox

【解决方案1】：

您应该向我们展示修复它的工作示例，但我的猜测是您将溢出：滚动属性设置到错误的块，尝试将其移动到父块，或设置溢出：隐藏在父块中

【讨论】：