没有设置偏移量的情况
a，未设置偏移量：特点：无论是否存在已定位的祖先元素，都保持在元素初始位置。 脱离了标准文档流。
而不是
未设置偏移量时，都定位在父元素的左上角
6 回答
实验得出结论： 老师关于“未设置偏移量时，absolute和fixed的位置”问题上有错误。
这是代码：
<style type="text/css">
div{width:50%;height:200px;}
.box1{border:1px solid red; background:#F00;}
.box2{border:1px solid green;background: #6F0;}
.box3{border:1px solid blue;background: #00F; height:300px;position: fixed;}
.box4{border:1px solid black;background: #F3F; position: fixed;}
.box5{border:1px solid black;background: black;height:400px;}
</style>
</head>
<body>
<div class="box1">box1</div>
<div class="box2">box2</div>
<div class="box3">box3</div>
<div class="box4">box4</div>
<div class="box5">box5</div>
</body>
这是截图：
实验方法：对处于第三、四个文档流的元素分别让其position属性等于absolute和fixed，可以看到，BOX3保持初始位置不变，BOX4、BOX5上移至BOX3的上边框处与之重合，形成垂直堆叠，且堆叠右上至下依次为：fixed，absolute，普通文本块。
实验工具：DW，搜狗浏览器
若有哪里不对，欢迎回复指正，大家共同进步~~~~~~
举报
0/150
提交
取消
