상자에 상대적인 텍스트 정렬

Question

텍스트가있는 상자에 따라 텍스트를 정렬하고 싶습니다. 다음 html 코드를보십시오. 지금 여기

Html: 
<div class="box"> 
    <div class="cont"> 
     Hello World!!! 
    </div> 
</div> 

및

는 CSS 코드

CSS: 
.box 
{ 
    height:200px; 
    width:200px; 
    border:1px dashed red; 
} 
.cont 
{ 
    border:1px solid green; 
    position:fixed; 
    right:0px; 
    width:55px; 
} 

하지만 난 그것을 고정 지킬 때 내가 그것을 상자의 모서리로 이동하려는 동안은 페이지의 오른쪽으로 이동합니다. 미리 감사드립니다.

Answer 1

상위 요소에 따라 콘텐츠를 배치하려면 position : absolute를 사용하십시오. 어떤 부모 요소를 기준으로 위치를 지정하려면 부모에게 position 스타일을 지정하십시오. 위치를 제거 : cont에서 고정하고 다음을 추가하면 제대로 작동합니다.

.box { 
position: relative; 
} 

.cont { 
position: absolute; 
}