Html 如何使我的侧栏与我的内容高度相同？

我在这里举一个简单的例子

你可以看到，如果我向下滚动我的内容，侧栏将只显示第一个100%屏幕。我希望它能延伸到与我的主要内容相同的高度。 我在这里看了很多老问题，但我还是不明白。如果你能在我的jsfiddle上完成，那就太好了。谢谢

#标题{
保证金：0；
填充：10px；
文本对齐：右对齐；
背景：蓝紫罗兰；
}
#内容{
左边距：190px；
填充：10px；
}
#边栏{
浮动：左；
宽度：190px；
身高：100%；
背景：橙色；
位置：绝对位置；
}
#页脚{
保证金：0；
填充：10px；
文本对齐：居中；
}

登录
这里有很多行文章，请参见上面的链接
Prime Photos：Prime Photos为Prime会员提供免费在线照片存储，他们可以在桌面、手机和平板电脑上保存和共享无限量的照片。最多可与5人共享无限的照片存储空间，并在Prime photos Family Vault中一起收集照片。有了Prime Photos移动和web应用程序，照片备份变得前所未有的简单。使用iOS或Android移动应用程序自动保存您的照片，然后安全地从手机中删除它们以释放设备上的空间。从桌面计算机上载照片，并将它们安全地存储在Prime photos web app中。在桌面、移动设备和平板电脑的任何位置访问您的内容。Prime Photos：Prime Photos为Prime会员提供免费在线照片存储，他们可以在桌面、手机和平板电脑上保存和共享无限量的照片。最多可与5人共享无限的照片存储空间，并在Prime photos Family Vault中一起收集照片。有了Prime Photos移动和web应用程序，照片备份变得前所未有的简单。使用iOS或Android移动应用程序自动保存您的照片，然后安全地从手机中删除它们以释放设备上的空间。从桌面计算机上载照片，并将它们安全地存储在Prime photos web app中。在桌面、移动设备和平板电脑的任何位置访问您的内容。Prime Photos：Prime Photos为Prime会员提供免费在线照片存储，他们可以在桌面、手机和平板电脑上保存和共享无限量的照片。最多可与5人共享无限的照片存储空间，并在Prime photos Family Vault中一起收集照片。有了Prime Photos移动和web应用程序，照片备份变得前所未有的简单。使用iOS或Android移动应用程序自动保存您的照片，然后安全地从手机中删除它们以释放设备上的空间。从桌面计算机上载照片，并将它们安全地存储在Prime photos web app中。在桌面、移动设备和平板电脑的任何位置访问您的内容。Prime Photos：Prime Photos为Prime会员提供免费在线照片存储，他们可以在桌面、手机和平板电脑上保存和共享无限量的照片。最多可与5人共享无限的照片存储空间，并在Prime photos Family Vault中一起收集照片。有了Prime Photos移动和web应用程序，照片备份变得前所未有的简单。使用iOS或Android移动应用程序自动保存您的照片，然后安全地从手机中删除它们以释放设备上的空间。从桌面计算机上载照片，并将它们安全地存储在Prime photos web app中。在桌面、移动设备和平板电脑的任何位置访问您的内容。

如果有可能，您可以重新构造HTML，将内容和侧边栏包装在一个容器中。这个容器，带有

display:flex

属性和

align items:stretch

应该可以为您提供帮助

#标题{
保证金：0；
填充：10px；
文本对齐：右对齐；
背景：蓝紫罗兰；
}
#容器{
显示器：flex；
对齐项目：拉伸；
}
#边栏{
flex：无；
宽度：190px；
背景：橙色；
}
#内容{
填充：10px；
}
#页脚{
保证金：0；
填充：10px；
文本对齐：居中；
}

登录
Lorem ipsum dolor sit amet
&抄袭；

我不知道这是否允许，但我为

侧栏和
内容添加了一个
新的父div
。然后很容易设置其余部分，因为
父级
将采用
子级
（内容）的高度，然后侧边栏高度将与内容相同，因为侧边栏定义为
高度：100%
（父级高度的100%）

以下是代码和代码：


#标题
{
保证金：0；
填充：10px；
文本对齐：右对齐；
背景：蓝紫罗兰；
}
#内容
{
位置：相对位置；
浮动：对；
左边距：190px；
填充：10px；
}
#中间的
{
位置：相对位置；
浮动：左；
保证金：0；
填充：0；
宽度：100%；
}
#边栏
{
位置：相对位置；
浮动：左；
宽度：190px；
身高：100%；
背景：橙色；
位置：绝对位置；
}
#页脚
{
保证金：0；
填充：10px；
文本对齐：居中；
}

登录
Prime Photos：Prime Photos为Prime会员提供免费在线照片存储，他们可以在桌面、手机和平板电脑上保存和共享无限量的照片。最多可与5人共享无限的照片存储空间，并在Prime photos Family Vault中一起收集照片。有了Prime Photos移动和web应用程序，照片备份变得前所未有的简单。使用iOS或Android移动应用程序自动保存您的照片，然后安全地从手机中删除它们以释放设备上的空间。从桌面计算机上载照片，并将它们安全地存储在Prime photos web app中。在桌面、移动设备和平板电脑的任何位置访问您的内容。
Prime Photos：Prime Photos为Prime会员提供免费在线照片存储，他们可以在桌面、手机和平板电脑上保存和共享无限量的照片。最多可与5人共享无限的照片存储空间，并在Prime photos Family Vault中一起收集照片。有了Prime Photos手机和网络应用程序，照片备份从未停止过