html - 基于顶部和底部位置的 div 高度变量

Question

我正在使用 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;  
}

我希望高度填充底部和顶部位置之间的区域。

例如，如果网页大小为 800 像素 x 2000 像素。那么 twitter div 的高度将变为 1850px，或者如果页面的高度为 1000px，则 div 将为 850px。

Answer 1

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

这有帮助吗？

Answer 2

问题出在哪里？

对于需要检查的问题，请参见外部区域的代码。

我认为要修复，您应该只添加position:relative;到外部区域样式。

例如：http: //jsfiddle.net/DYtBE/