如何在父块底部挤压块？

Question

我有div块，应按宽度和高度显示在整页上。

在这个区块内，我有另一个位置固定的div：

<div class="parent">
   <div class="child"></div>
</div>

CSS：

.parent {
   position:absolute;
   left:0;
   right:0;
   bottom:0;
   top:0;
   background:green
}

.child {
  position:fixed;
  botttom:0px;
  height:80px;
  width:100%
  background:yellow;
}

问题是parent块未显示在整页上，而实习块.child不在parent块的底部。

Answer 1

试试此代码

<style>
.parent {
   position:absolute;
   left:0;
   right:0;
   bottom:0;
   top:0;
   background:green;
   width:100%;
}

.child {
  position: fixed;
  bottom: 0px;
  height:80px;
  width: 100%;
  background:yellow;
}
</style>

<div class="parent">
   <div class="child"></div>
</div>