在绝对位置之前的警报下方添加警报？

Question

我想显示警报，如果已经存在一个警报，则在该警报下显示一个新警报。依此类推。

这是我现在正在做的事情，它并不能完全按照我的要求工作，因为它只能同时显示2个或更少的警报。

var alert = document.createElement("div");

alert.className = "alert alert-" + type + " alert-dismissable";
alert.innerHTML = msg;

document.getElementsByTagName("body")[0].appendChild(alert);

var currentAlerts = document.getElementsByClassName("alert");
if(currentAlerts.length > 0) {
    for(var i = 1; i <= currentAlerts.length; i++) {
        if(currentAlerts[i] != undefined) {
            alert.style.top += ((i * 1.5) * currentAlerts[i].offsetHeight) + "px";
        }
    }
}

如何使下一个警报位于上一个警报的正下方，并且它们之间的间距为10像素？