Html 基于顶部和底部位置的Div高度变量

我正在使用一个twitter小部件。 网站的CSS

#site {
background-color: #FFFFFF;
width: 1000px;
height:100%;
position: relative;
margin: 0 auto;
top:-20px;
box-shadow: 2.5px 4.33px 29px 0px rgb( 0, 0, 0 );
}

这是我对DIV的CSS

#twitter-widget-0  {
position: absolute;
right: 10px;
width:220px;
height: auto;
top:50px;
bottom: 100px;  
}

我想高度填补之间的底部和顶部的位置区域

例如，如果网页大小是800px乘以2000px。然后twitter div的高度将变成1850px，或者如果页面的高度是1000px，div将变成850px

#twitter-widget-0  {
position: absolute;
right: 10px;
width:220px;
height: auto;
margin-top:50px;
margin-bottom: 100px;  
}

这有帮助吗？

问题在哪里

有关需要检查的问题，请参阅外部区域代码

我认为对于修复，您应该添加

位置：relative到外部区域样式

例如：
仍然不起作用。我甚至加了一个最小高度。认为这可能会有所帮助。相反，它只是停留在最小高度。