absolute的父元素也设置为absolute

absolute的父元素也设置为absolute

老师之前教父元素设置成relative后, 将成为子元素定位的参照物,但是我将父元素也设置为absolute, 依然还是子元素定位的参照物, 请问有什么区别吗?

<style type="text/css">
	.parent{
		width: 300px;
		height: 300px;
		border: 1px solid red;
		background: gray;
		position: absolute;
		top:50%;
		left:50%;
		margin-left: -150px;
		margin-top: -150px;
	}
	.block{
		height: 100px;
		width: 100px;
		border: 1px solid red;
		background: blue;
		position: absolute;
		top:50%;
		left:50%;
		margin-left: -50px;
		margin-top: -50px;
	}
</style>
<body>
	   <div class="parent">
	   		<div class="block"></div>
	   </div>
</body>


正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

2回答
好帮手慕糖 2018-01-17 14:45:00

你好,相对定位。是相对于自身来进行定位的。

祝学习愉快~

好帮手慕糖 2018-01-17 14:28:33

你好,是可以的哦,这里是,父元素,若设置了定位,那么值元素再设置绝对定位,是以父元素为参照。但是父元素的定位,相对定位,与绝对定位都是可以的。但是有一点,父元素如果是绝对定位,那么就需要找父元素是相对于谁来定位的(即:以谁为参照),例子中的代码,父元素是以浏览器窗口为参考的。

祝学习愉快~

  • 提问者 NeilSK #1
    那请问父元素如果是相对定位, 例子中的代码还是以浏览器窗口为参考吧??
    2018-01-17 14:34:22
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
前端小白入门系列课程
  • 参与学习           人
  • 提交作业       11218    份
  • 解答问题       36713    个

从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师