У меня есть несколько вложенных div, внешняя, затем обертка страниц, а затем две div внутри wraper. два divs там создаются и добавляются в обертку страницы. если 2 divs имеют одинаковые верхние и левые значения, divs dont over lap, но обертывают ниже предыдущего div. прилагается код, который я до сих пор. Мне нужно 2 divs в обертке страницы, чтобы она не была такой, как она есть.
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">
<style>
.outer-container
{
overflow:auto;
height:900px;
width: 900px;
border:1px solid black;
background-color:yellow;
padding:5px;
}
#page-wrapper { width: 800px; height:700px; border:2px solid #ccc; padding: 0px; background-color:white; position:relative }
</style>
<div class="outer-container">
<div id="page-wrapper" >
</div>
</div>
<script>
classvalue = "draggable ui-widget-content divimage";
idvalue= "div1";
thisdiv = '<div style="height:100;width:100;background-color:blue;top:1;left:1;z-index:0;margin:0px" id="'+idvalue+'" class="'+classvalue+'"></div>';
$('#page-wrapper').append(thisdiv);
idvalue= "div2"
thisdiv2 = '<div style="height:100;width:100;background-color:teal;top:2;left:2;z-index:1" id="'+idvalue+'" class="'+classvalue+'"></div>';
$('#page-wrapper').append(thisdiv2);
</script>
Если я правильно понял, вы хотите, чтобы 2 сгенерированных divs перекрывались? Просто добавьте position:absolute;
к этим divs.
И не забудьте поставить единицу (px) в верхнюю/левую/ширину/...