Html 如何在父块的底部挤压块?

Html 如何在父块的底部挤压块?,html,css,Html,Css,我有div块,它应该按宽度和高度显示在整页上 在这个区块内,我有另一个位置固定的div: <div class="parent"> <div class="child"></div> </div> 问题是parent块未显示在整页上,intern块。child未位于parent块的底部。请尝试此代码 .家长{ 位置:绝对位置; 左:0; 右:0; 底部:0; 排名:0; 背景:绿色; 宽度:100%; } .孩子{ 位置:固定; 底部:

我有
div
块,它应该按宽度和高度显示在整页上

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

<div class="parent">
   <div class="child"></div>
</div>
问题是
parent
块未显示在整页上,intern块
。child
未位于
parent
块的底部。

请尝试此代码


.家长{
位置:绝对位置;
左:0;
右:0;
底部:0;
排名:0;
背景:绿色;
宽度:100%;
}
.孩子{
位置:固定;
底部:0px;
高度:80px;
宽度:100%;
背景:黄色;
}

位置:固定的
元素与视口相关,而不是与任何元素相关。这是什么意思?这意味着无论您将其放置在标记中的什么位置,它都将始终相对于视口定位,因此如果您将其设为左/顶0,它将始终位于左上角。您还有两个打字错误,您错过了结尾分号
宽度:100%
和对多个
t
botttom:0px所以,如果我做对了,我不需要使用fixed?OP的代码工作,尽管它有一个拼写错误,我们不会发布拼写错误的答案,我们会评论和/或标记它们。。。也许更糟糕的是,仅仅尝试这段代码有什么帮助。。。下次,再加上一个像样的解释
.parent {
   position:absolute;
   left:0;
   right:0;
   bottom:0;
   top:0;
   background:green
}

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