內DIV鎖定，以降低外部DIV

的右上角給出下面的HTML內DIV鎖定，以降低外部DIV

<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>

我想內div來鎖定到外div的右下角。爲了實現這一目標，我需要做什麼來實現CSS？

謝謝！約翰

來源

2010-03-10 John Livermore

如果這有助於某人，使用這個SO問題，發佈了一個描述性的答案在這裏有點類似的問題http://stackoverflow.com/questions/22793879/how-to-set-a-divs-position-inside-another- div-to-bottom-right-corner/44024570＃44024570 – prime 2017-05-17 12:17:55

position是你的朋友

<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>

來源

2010-03-10 22:27:35

感謝您的快速回答！ – 2010-03-10 22:30:50

<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>

給一個嘗試。短版本：位置：相對於外部div，位置：內部div的絕對值，並告訴它你希望內部div距離父容器的右邊和底邊0像素。

來源

2010-03-10 22:28:41 inkedmn

內DIV鎖定，以降低外部DIV

回答

相關問題