bên trong DIV khóa để góc trên bên phải của DIV ngoài

Question

Với HTML sau

<div style="width: 500px; height: 500px; border: 1px solid red;"> 
    <div style="width: 200px; height: 100px; border: 1px solid green; float: right; vertical-align: bottom;"> 
    </div> 
</div> 

Tôi muốn div bên trong để khóa vào góc dưới bên phải của div ngoài giảm. Tôi cần làm gì để thực hiện điều đó?

Cảm ơn! John

Answer 1

position là bạn của bạn

<div style="width: 500px; height: 500px; border: 1px solid red; position: relative"> 
    <div style="position: absolute; right: 0; bottom: 0; width: 200px; height: 100px; border: 1px solid green;"> 
    </div> 
</div> 

Answer 2

<div style="position:relative; width: 500px; height: 500px; border: 1px solid red;"> 
    <div style="position:absolute;right:0px;bottom:0px;width: 200px; height: 100px; border: 1px solid green;"> 
    </div> 
</div> 

Cho rằng một thử. Phiên bản ngắn: vị trí: tương đối trên div bên ngoài, vị trí: tuyệt đối trên div bên trong và cho biết rằng bạn muốn div bên trong là 0 pixel từ cạnh phải và dưới cùng của vùng chứa mẹ.