Question

所以，我有一个表单，其中包含一个可滚动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/

Answer 1

你应该向我们展示修复它的工作示例，但我的猜测是你将overflow：scroll属性设置为错误的块，尝试将其移动到父块，或者设置overflow：隐藏在父块中< / p>

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

1 个答案: