absolute的父元素也设置为absolute
来源：2-12 position-fixed
NeilSK
2018-01-17 14:20:00
老师之前教父元素设置成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>写回答
2回答
-
好帮手慕糖
2018-01-17
你好，是可以的哦，这里是，父元素，若设置了定位，那么值元素再设置绝对定位，是以父元素为参照。但是父元素的定位，相对定位，与绝对定位都是可以的。但是有一点，父元素如果是绝对定位，那么就需要找父元素是相对于谁来定位的（即：以谁为参照），例子中的代码，父元素是以浏览器窗口为参考的。
祝学习愉快~
1h018-01-17 -
好帮手慕糖
2018-01-17
你好，相对定位。是相对于自身来进行定位的。
祝学习愉快~
0
相似问题