css - 拉伸(stretch)侧边栏以适合页面

Question

我的侧边栏元素有点问题。我想将它放在页面的右侧以显示我的社交媒体资料。我希望这个栏垂直拉伸(stretch)以适合屏幕，而不是我的页面。所以，我不想显示任何滚动条。

这是我为此使用的 CSS 代码:

html
{
position: relative;
min-height: 100%;
} 

aside
{
width:70px;
position:absolute;
right:0;
bottom:0;
top:151px;
background-color:#5A9AA8;
text-align:center;
display:block;
}

它按照我希望它在 Chrome 中执行的操作进行操作，但是当我在 Internet Explorer 中尝试此操作时，显示滚动条并且侧边栏不适合屏幕。 我做错了什么，我使用了错误的方法还是我需要添加一些东西？提前谢谢你。

PS:如果你不知道我想做什么，请评论，我会提供图片。

编辑:我是这个网站的新手，我无法上传图片...没有足够的声誉点数。

Answer 1

好的，这是一张图片:

http://s1128.photobucket.com/user/Steveclaes06/media/Probleempj.jpg.html

所以左边是 google chrome，右边是 Internet Explorer。 chrome 上的侧边栏始终保留在我想要的位置，您会发现 IE 中并非如此。滚动条不应该在那里，背景颜色也不符合我的内容。

不要注意文字有点怪怪的，那是我的错，由于剪辑不好。