come posizionare due div più sopra ciascuno sopra

Question

C'è un modo per iniziare a disegnare div dallo stesso punto? Ciò significa che se aggiungo nuovi div e poi aggiungo un altro div, essi appariranno uno sopra l'altro. Perché voglio spostarli tutti insieme a seconda dello stesso punto.

CSS:

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

HTML:

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

ma cosa dovrei aggiungere a questo il codice in modo che quando il browser rendono questo codice i 2 div saranno nello stesso posto?

Answer 1

le esposizioni relative posizioni assolute siano corrette. La gente ha omesso di menzionare, tuttavia, che è necessaria la posizione : relativa sul contenitore padre.

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

CSS non protagonista:

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

A seconda di quale elemento che si desidera in alto, è possibile applicare z-index es alle vostre div posizionamento assoluto. A z-index più alto dà l'elemento di maggiore importanza, collocandolo sulla sommità degli altri elementi:

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

Answer 2

Imposta la prima posizione: assoluta, che dovrebbe portarla fuori dal normale flusso della pagina.

some help.

Answer 3

Credo che l'unico modo per farlo è quello di utilizzare il posizionamento assoluto

Answer 4

È possibile utilizzare il posizionamento assoluto.

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

Answer 5

Usa z-index per div posizione su uno sopra l'altro:

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

Quindi, ti posizionare i div con posizionamento assoluto/relativo e quindi utilizzare z-index per li strato:

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