开发者社区> 问答> 正文

绝对定位的一个小问题

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


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

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

展开
收起
杨冬芳 2016-06-01 15:36:32 1728 0
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
    赞同 展开评论 打赏
问答地址:
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载