当父级为固定定位的问题
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
.sliderbar {
position: fixed;
right: 0;
bottom: 100px;
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
cursor: pointer;
color: #fff;
}
.con {
position: absolute;
left: 0;
top: 0;
width: 200px;
height: 40px;
background-color: purple;
z-index: -1;
}
</style>
<script src="animate.js"></script>
</head>
<body>
<div class="sliderbar">
<div class="con">问题反馈</div>
<span>←</span>
</div>
<script>
</script>
</body>
</html>
老师我问一下这个con为什么会变没有 正常定位里是子绝父相 如果父级有定位 里面的元素会根据父级来定位 这个Con根据sliderbar定位 然后设置的是left0 top0为什么会变没有 就是当父级为固定定位时 会发生什么变化吗？还有就是z-index为负值是什么意思
正在回答
同学你好，正常元素是会被子元素撑开宽高的。
但元素设置绝对定位后，脱离了文档流，不可以再撑开父元素的宽度。
同学记住就可以了，祝学习愉快~
- 参与学习 人
- 提交作业 239 份
- 解答问题 10739 个
本阶段带你深入前端开发的肌理，通过ES6基础知识和前端主流高级框架的学习，助你快速构建企业级移动webAPP应用，进入职场的终极battle
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星