Question

CSS中为什么position:fixed;和position:absolute;的效果是一样的？

代码如下
CSS部分
.big{height:280px;width:520px;border:2px solid red;margin-top:209px;margin-left:auto;margin-
right:auto;}
.big ul li{width:520px;height:280px;border:1px solid
blue;position:absolute;left:42px;top:19px;}
HTML部分
<div class="big"><ul>
<li>a</li>
<li>b</li>
<li>c</li>
<li>d</li>
</ul>
</div>
把position:absolute;改为position:fixed效果是一样的

Answer 1

你把big的高度设置成1000px(大于浏览器高度)时，效果就知道了

Answer 2

你如果屏幕内容大于一屏你就很容易发现 fix会是你滚动屏幕 li扔在屏幕同一位置 absolute则是会随着屏幕滚动而消失