相对于框的文本对齐

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。为了表示您希望根据哪个父元素进行定位，请向父级提供位置样式：相对。删除位置：从cont中修复并添加以下内容，它应该可以工作。

.box { 
position: relative; 
} 

.cont { 
position: absolute; 
}