Wie positioniere ich zwei Divs über jedem

Question

Gibt es eine Möglichkeit, Divs von demselben Punkt zu zeichnen? Das heißt, wenn ich ein neues div hinzufüge und dann ein weiteres div hinzufüge, erscheinen sie übereinander. Weil ich sie alle zusammen bewegen möchte, je nach dem gleichen Punkt.

CSS:

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

HTML:

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

Also, was soll ich mit diesem Code hinzufügen, damit, wenn der Browser den Code machen die 2 divs am selben Ort sein?

Answer 1

Alle Aussagen in Bezug auf die absolute Positionierung richtig sind. Personen haben jedoch nicht erwähnt, dass Sie Position: relativ auf dem übergeordneten Container benötigen.

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

Unterstützung CSS:

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

Je nachdem, welches Element Sie oben wollen, können Sie z-index es zu Ihrem absolut positioniert divs gelten. Ein höherer z-Index gibt die mehr Bedeutung Element, es auf der Oberseite der anderen Elemente platzieren:

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

Answer 2

Machen Sie die erste Position: absolut, die es aus dem normalen Fluss der Seite herausnehmen sollte.

some help.

Answer 3

Ich glaube, der einzige Weg, dies zu tun, ist die absolute Positionierung kann

Answer 4

Sie absolute Positionierung verwenden verwenden.

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

Answer 5

Verwendung z-index andere auf Position divs oben auf einem:

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

So werden Sie die divs mit absoluter/relativer Positionierung positionieren und dann auf z-Index verwenden, sie Schicht:

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