Vị trí DIV có liên quan đến một DIV khác?

Question

Có thể định vị một DIV liên quan đến một DIV khác không? Tôi tưởng tượng điều này có thể được thực hiện bằng cách đầu tiên đặt nó bên trong của DIV tham chiếu, và sau đó sử dụng position: relative. Tuy nhiên, tôi không thể tìm ra cách để làm điều này mà không ảnh hưởng đến nội dung của DIV tham chiếu. Làm thế nào tôi có thể làm điều này đúng cách?

Xem: http://jsfiddle.net/CDmGQ

Cảm ơn! =)

Answer 1

Đầu tiên thiết lập position của DIV cha mẹ để relative (quy định cụ thể bù đắp, ví dụ: left, top vv là không cần thiết) và sau đó áp dụng position: absolute để DIV con với bù đắp mà bạn muốn.
Rất đơn giản và nên thực hiện tốt.

Answer 2

Bạn muốn sử dụng position: absolute trong khi bên trong div khác.

DEMO

Answer 3

Bạn cần phải thiết lập postion: tương đối của DIV bên ngoài và position: absolute của div bên trong.
Hãy thử điều này. Đây là Demo

#one 
{ 
    background-color: #EEE; 
    margin: 62px 258px; 
    padding: 5px; 
    width: 200px; 
    position: relative; 
} 

#two 
{ 
    background-color: #F00; 
    display: inline-block; 
    height: 30px; 
    position: absolute; 
    width: 100px; 
    top:10px; 
}​ 

Answer 4

bạn có thể sử dụng position:relative; bên #one div và position:absolute bên #two div. you can see it