在div中對齊在CSS中的右下角

Question

將我的div放到右下角的最簡單方法是什麼？

<div style="width:200px; height:200px; border:3px #FF6666 solid"> 
<div style="font-weight:bold; text-align:right;">Krishna</div> 
</div> 

這是我的代碼..謝謝大家

Answer 1

試試這個，你的設置外div到position: relative;確保內部div將留在它裏面，當設置爲position: absolute;。然後，您可以通過設置bottom: 0; right: 0;來指定它坐在右下角。

<div style="width:200px; height:200px; border:3px #FF6666 solid; position: relative"> 
    <div style="font-weight:bold; text-align:right;position: absolute;bottom: 0; right: 0; ">Krishna</div> 
</div> 

Answer 2

根據div的父母你可以放置它絕對：

<div style="width:200px; height:200px; border:3px #FF6666 solid;position: relative;"> 
    <div style="font-weight:bold; text-align:right;position: absolute; bottom:0; right:0">Krishna</div> 
</div> 

Answer 3

<div style="width:200px; height:200px; border:3px #FF6666 solid; position: relative"> 
    <div style="font-weight:bold; position: absolute;bottom: 0; right: 0; ">Krishna</div> 
</div> 

Answer 4

在這裏看到：http://jsfiddle.net/9MYFM/

你必須改變position到absolute。