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

이 시도 주셔서 감사합니다 귀하의 외부 divposition: absolute;로 설정하면 내부 div가 내부에 남아있을 것입니다 있는지 확인 position: relative;합니다. 그런 다음 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 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/

당신은 positionabsolute에를 변경해야합니다.