<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>
自己看这个效果就知道了
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。