绝对定位的一个小问题

发布于
2015-06-20



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




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



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

css

阅读 1.9k

1 个回答

fashen007

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

自己看这个效果就知道了

撰写回答

你尚未登录，登录后可以

和开发者交流问题的细节
关注并接收问题和回答的更新提醒
参与内容的编辑和改进，让解决方法与时俱进

推荐问题

相似问题

找不到问题？创建新问题

绝对定位的一个小问题

你尚未登录，登录后可以

CSS如何让指定的某个Tag不显示（比如：display=none），但是还是占有位置呢？

如何实现类似豆包的AI改写框跟随内容滚动效果？

body :first-child(不是body:first-child，中间有空格)伪类选择器到底选中了什么元素？

css如何设置纵向滚动条的高度？

如何在CSS中实现滚动条不溢出圆角框？

请问，是否可以设定Table的宽度，或者不让其超过父容器呢？

表数据复制一条添加到数据库，前端跳转到数据所在的page页，滚动到对应行并添加高亮样式异常？