绝对定位的一个小问题



<div id='a'></div>




<div id='b'></div>



我对id=b的div设置了绝对定位，假如不设置left和top值，b还是会掉下来？这是为什么，不是说绝对定位和普通文档流无关了吗？难道还有前提条件要设置了left和top值才能算无关？

他不是掉下来，一样是脱离了文档的，只是你不设置他的top left等等的话它默认就是一开始相对父元素的距离
所以让你觉得他在文档流中

<html>
<head>
    <title>测试</title>

</head>
<style type="text/css">
  #a{
    height: 500px;
    width: 500px;
    background-color: red;
  }
  #c{
    width: 600px;
    height: 600px;
    background-color: blue;
  }
  #b{
    position: absolute;
    width: 500px;
    height: 500px;
    background-color: yellow;
  }

</style>
<body>



<div id='a'>a</div>




<div id='b'>b</div>




<div id='c'>c</div>



</body>
</html>

自己看这个效果就知道了

【热门文章】