如何创建一个效果，例如flixster.rottentomatoes.com上的效果

Question

如何创建具有2个不同的“可滚动”网站位置的效果，在我给出的示例中，一个是电影列表，另一个是列表右侧的描述，评论等。

Answer 1

当您设置DIV的高度然后使其溢出时，DIV标签是可滚动的：自动。

所以：

<div style="width: 30%; height: 300px; overflow: auto; float: left;">
Menu stuff here.
</div>
<div style="width: 70%; height: 300px; overflow: auto; float: left;">
Content stuff here.
</div>

这会产生如下图所示的内容（我添加了一些额外的菜单项和内容行，其中包含换行符和颜色效果）。