一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

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

时间:2022-06-25 14:03:42 编辑:袖梨 来源:一聚教程网

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

在父元素中加入position:relative;

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

代码

html结构

css

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

效果

热门栏目