Try the following code
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Dyanmic Div</title>
<script type="text/javascript">
function placeTheDiv(leftspace,topspace,wid)
{
var divobj = document.createElement("div");
divobj.style.position = "absolute";
divobj.style.left = leftspace;
divobj.style.top = topspace;
divobj.style.border = "1px solid #000";
divobj.style.width = wid;
document.body.appendChild(divobj);
}
function init()
{
var left = parseInt(prompt("Enter the width you want on the left side"));
var top = parseInt(prompt("Enter the width you want on the top side"));
var width = parseInt(prompt("Enter the width you want for the new div block"));
placeTheDiv(left,top, width);
}
</script>
</head>
<body>
<a href="#" onclick="javascript:init();">Click To Add a Div</a>
</body>
</html>
The above code will create and place a div block dynamically and the script asks for the configurations from the user itself. Click on the link available to add the div blocks and enter the configurations too.