css子元素相对父元素进行定位如何实现 css子元素相对父元素进行定位实现代码

css子元素相对父元素进行定位如何实现？本篇文章小编给大家分享一下css子元素相对父元素进行定位实现代码，文章代码介绍的很详细，小编觉得挺不错的，现在分享给大家供大家参考，有需要的小伙伴们可以来看看。

在父元素中加入position:relative;

子元素中加入position:absolute; right:20px;

代码

html结构

css

#div1{
	
	background-color:darkgray;
	position:relative;
}
#div2{
	
	background-color:red;
	position:absolute;
	right:20px;
}

效果