【问题标题】:Stretch aside bar to fit the page拉伸侧边栏以适应页面
【发布时间】:2023-05-12 00:37:01
【问题描述】:

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

这是我用于此目的的 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:如果你不知道我想做什么,请评论,我会给你提供图片。

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

【问题讨论】:

  • 请提供图片。会更容易回答。
  • 显然你需要信誉积分。我是这个网站的新手:s
  • 只需将其上传到其他地方并提供链接。试试照片桶

标签: css screen sidebar stretch


【解决方案1】:

好的,这是一张图片:

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

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

不要注意文字有点奇怪,那是我的错,由于切割不好。

【讨论】: