[英]Problem with positioning div in css
我对CSS有问题。 我有(父母)div和里面,另一个(孩子)div。 我想将内部(子)div对齐到(父)div的右上角。
<div id="parent">
<div id="child">
</div>
</div>
我需要类似的东西:
#child{
position: absolute;
top: 0;
right 0;
}
但是此CSS代码将我的“子级” div放在body元素的右上角!
请帮忙,TNX! :)
您的父容器需要设置为相对位置。
#parent {position:relative}
#child {position:absolute; top:0; right:0}
将#parent的样式设置为position: relative
#parent{
background-color:#FF0000;
position: absolute;
height:200px;
width:500px;
}
#child{
background-color: #3300FF;
position: absolute;
height:50px;
width:100px;
top: 0;
right:0;
}
<div id="parent" >div1
<div id="child">DIV2
</div>
</div>
#child{
float:right;
}
<div id="parent" >Parent
<div id="child">Child
</div>
<div style="clear:both;"></div>
</div>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.