Флажки внутри прокручиваемого div отображаются вне его

Question

SO, У меня есть форма со списком флажков, который находится внутри прокручиваемого 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"));} 

EDIT: Это то, что я хочу, но когда я пытаюсь сделать это в JS флажками, которые должны быть скрыты, показаны вне контейнера , может кто-нибудь помочь? https://jsfiddle.net/gtjarq09/

Answer 1

Вы должны показать нам рабочий пример, чтобы исправить это, но я думаю, что вы устанавливаете переполнение: прокрутки свойства неверного блока, попытайтесь переместить его в родительском блок, или установить переполнение: скрытый в родительский блок