cách định vị hai div trên mỗi số trên

Question

Có cách nào để bắt đầu vẽ div từ cùng một điểm không? Điều đó có nghĩa là nếu tôi thêm div mới và sau đó tôi thêm một div khác, chúng sẽ xuất hiện phía trên nhau. Bởi vì tôi muốn di chuyển tất cả chúng lại với nhau tùy thuộc vào cùng một điểm.

CSS:

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

HTML:

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

Vậy what should Tôi add để này đang nên when các browser render này đang các 2 divs SẼ on các same place?

Answer 1

Tất cả các báo cáo liên quan đến định vị tuyệt đối là chính xác. Tuy nhiên, mọi người không đề cập đến rằng bạn cần vị trí: tương đối trên vùng chứa chính.

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

Hỗ trợ CSS:

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

Tùy thuộc vào yếu tố nào bạn muốn trên đầu trang, bạn có thể áp dụng z-index es để divs hoàn toàn vị trí của bạn. Chỉ số z cao hơn cho phần tử quan trọng hơn, đặt nó lên trên cùng của các phần tử khác:

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

Answer 2

Đặt vị trí đầu tiên: tuyệt đối, sẽ đưa nó ra khỏi luồng thông thường của trang.

some help.

Answer 3

Tôi tin rằng cách duy nhất để thực hiện việc này là sử dụng vị trí tuyệt đối

Answer 4

Bạn có thể sử dụng vị trí tuyệt đối.

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

Answer 5

Sử dụng z-index để divs vị trí trên lên nhau:

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

Vì vậy, bạn sẽ xác định vị trí các divs với vị trí tuyệt đối/tương đối và sau đó sử dụng z-index để lớp chúng:

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