HTML/CSS Fluid Grid: Wie div zu einem anderen div

Question

Overlay Ich habe wirklich eine harte Zeit forschen für eine Antwort. Ich habe versucht, mein div zu machen: absolut, aber es wird das ganze flüssige Gitter ruinieren. Alles, was ich will, ist, das Div über das Hintergrund-Div zu setzen. Danke im Voraus!

CSS

#mannequin { 
box-sizing: border-box; 
position: absolute; 
width: 60%; 
padding: 0 12px; 
margin: 0; 
float: left; 
overflow: hidden; 
} 

#products { 
clear: both; 
position: absolute; 
margin-left: 0; 
width: 100%; 
display: block; 
z-index: 10; 
} 

HTML

<div id="mannequin"><img src="http://tinypic.com/r/29596hh/9"> 
<div id="products"><img src="http://tinypic.com/r/2qw09lc/9"> 
</div> 
</div> 

Answer 1

definieren height:100% zu #products und oben links auf 0.

#mannequin { 
    box-sizing: border-box; 
    position: absolute; 
    width: 60%; 
    padding: 0 12px; 
    margin: 0; 
    float: left; 
    overflow: hidden; 
} 

#products { 
    clear: both; 
    position: absolute; 
    margin-left: 0; 
    width: 100%; 
    height: 100%; 
    display: block; 
    z-index: 10; 
    left:0; 
    top:0; 
} 

Answer 2

bitte ein Div Position machen: relative; und andere div machen Position: absolut;