开发者社区 问答 正文

绝对定位的一个小问题

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


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

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

展开
收起
杨冬芳 2016-06-01 15:36:32 1828 分享 版权
1 条回答
写回答
取消 提交回答
  • IT从业

    他不是掉下来,一样是脱离了文档的,只是你不设置他的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>

    自己看这个效果就知道了

    2019-07-17 19:23:25
    赞同 展开评论
问答地址: