css子元素相对父元素进行定位如何实现?本篇文章小编给大家分享一下css子元素相对父元素进行定位实现代码,文章代码介绍的很详细,小编觉得挺不错的,现在分享给大家供大家参考,有需要的小伙伴们可以来看看。
在父元素中加入position:relative;
子元素中加入position:absolute; right:20px;
代码
html结构
css
#div1{ background-color:darkgray; position:relative; } #div2{ background-color:red; position:absolute; right:20px; }
效果