<body>
<div class="wrap">
</div>
<button class="pos"></button>
</body>
.wrap{
width:100%;
height:100%;
background:red;
}
.pos{
position:absolute;
width:100px;
height:100px;
top:100%;
background:yellow;
left:50%;
}
1,为什么position设成absolute ,height才会生效的呢?
2,.pos已经脱离文档流了为什么还会使页面生成滚动条?
已上面的代码, 要想height:100%生效, 必须html和body也设置100%, 也就是父级也设置100%
absolute虽然脱离文档, 但是还是属于body下, 你设置了top为100%, 当然会出现滚动条