Динамический div в Javascript

Question

Мне нужно реализовать динамический div, который появляется для каждого пользователя. Мне нужно, чтобы он плавал над картой Google, и каждый новый div показывался бы ниже предыдущего. По сути, это будет стек пользователей. Прямо сейчас у меня есть таблица, которая добавляет новую строку каждый раз, но у меня возникают проблемы со ссылками на каждую отдельную ячейку. Любой совет о том, как динамически создать новый div и сделать так, чтобы новый div отображался под другим? Он будет плавать в левом нижнем углу экрана. Любая помощь будет отличной. Спасибо!

EDIT:

Вот некоторый код, который покажет div нажатием кнопки. Что мне нужно добавить, чтобы новый div отображался под предыдущим?

function creatediv(id, html, width, height, left, bottom) {

var newdiv = document.createElement('div'); 
newdiv.setAttribute('id', id); 
if (width) { 
    newdiv.style.width = 200; 
} 
if (height) { 
    newdiv.style.height = 50; 
} 
if ((left || bottom) || (left && bottom)) { 
    newdiv.style.position = "fixed"; 
    if (left) { 
        newdiv.style.left = left; 
        if (bottom) { 
            newdiv.style.bottom = bottom = "10"; 
        } 
    } 

    newdiv.style.background = "#FFFFF"; 
    newdiv.style.border = "4px solid #000"; 

    if (html) { newdiv.innerHTML = html; 
    } 
    else { 
        newdiv.innerHTML = "nothing"; 
    } 
document.body.appendChild(newdiv);
}
}
</script>
</head>
<div>
<input type="button" onclick="creatediv(id, 'User 1', 'width', 'height', 'left', 'bottom')" value="Create Div"/>

 </div>
 </html>

Answer 1

Ведите записи верха / низа и т. Д. Предварительно сделанного деления.Также z-index.Теперь просто установите верхнюю часть / etc нового div на немного смещенное значение и увеличьте z-index.Повторите.