Div高度可根据顶部和底部位置变化

Question

我正在使用推特小部件。 SITE的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像素×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/