两列（div）布局。左：固定且可滚动，带有标题的文本，右：浮动，左侧标题中每个标题的图像

Question

要用一些图像讲故事，我想在左侧显示文本，可滚动显示，在右侧显示每个标题的图像。

我是初学者。我还没尝试那么多。我知道如何进行两列设计，而不是如何将图像连接到可伸缩文本的标题/位置。

#content, html, body {
    height: 98%;
}
#left {
    float: left;
    width: 50%;
    background: red;
    height: 100%;
    overflow: scroll;
}
#right {
    float: left;
    width: 50%;
    background: blue;
    height: 100%;
    overflow: scroll;
}

我希望滚动浏览左栏中的文本，并在右侧自动获取对应的图片...