cómo colocar dos divisiones por encima de cada

Question

¿Hay alguna manera de comenzar a dibujar divs desde el mismo punto? Eso significa que si agrego un nuevo div y luego agrego otro div, aparecerán uno encima del otro. Porque quiero moverlos todos juntos según el mismo punto.

CSS:

#num1,#num2{ 
    display : inline 
    position:relative; 
    left:50px; 
} 

HTML:

<div id='container'> 
    <div id='num1'></div> 
    <div id='num2'></div> 
</div> 

Entonces, ¿qué debería añadir a este código por lo que cuando el navegador hacen este código los 2 divs estarán en el mismo lugar?

Answer 1

Todas las declaraciones de posicionamiento absoluto son correctos. La gente no mencionó, sin embargo, que necesita posición: relativa en el contenedor primario.

<div id='container'> 
    <div id='num1'></div> 
    <div id='num2'></div> 
</div> 

Apoyo CSS:

#container { position: relative; } 
#num1, #num2 { position: absolute; left: 50px; } 

Dependiendo de qué elemento que desee en la parte superior, se puede aplicar índice z es a su divs posición absoluta. Un alto índice z da el elemento de mayor importancia, colocándolo en la parte superior de los otros elementos:

/* num2 will be on top of num1 */ 
#num1 { z-index: 1; } 
#num2 { z-index: 2; } 

Answer 2

Haga la primera posición: absoluta, que debería sacarla del flujo normal de la página.

some help.

Answer 3

Creo que la única manera de hacer esto es utilizar el posicionamiento absoluto

Answer 4

Usted puede utilizar el posicionamiento absoluto.

#num1,#num2{ display : inline position:absolute; left:50px;top:10px; } 

Answer 5

Uso z-index para divs posición en la parte superior de uno al otro:

[http://www.w3schools.com/Css/pr_pos_z-index.asp][1]

Por lo tanto, se le coloque los divs con posicionamiento absoluto/relativo y luego use z-index para la capa de ellos:

http://www.w3schools.com/cssref/pr_pos_z-index.asp