div中的嵌套div不會覆蓋

我有幾個嵌套的div，一個外層，然後是一個頁面包裝器，然後是頁面包裝器中的兩個div。那裏的兩個div生成並添加到頁面包裝器中。如果2個div具有相同的頂部和左側值，那麼divs不會超過一圈，但會包含在之前的div下面。附上的是我到目前爲止的代碼。我需要頁面包裝器中的2個div來不像它那樣包裝。div中的嵌套div不會覆蓋

<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>

來源

2014-01-05 user3163520

coordonates需要的單位爲他們的價值，除非值爲0 –

如果我理解它的權利，你想2生成的div重疊？只需將position:absolute;添加到這些div。

而且不要忘了把一個單元（像素），您上/左/寬/ ...

來源

2014-01-05 21:49:36

是的，這確實是 – user3163520

div中的嵌套div不會覆蓋

回答

相關問題