SimpleModal -滚动浮动div

Question

我正在使用jQuery SimpleModal来显示产品信息。为此，我有两个div，它们将在一个模式对话框中显示:左边的div包含产品徽标和徽标下面的一些描述。右边的div保存有关该产品的详细信息。右div中的内容可能会变得很长。

我需要的模式对话框所做的是保持左侧div在其位置，而右侧div滚动，如果它的内容太长。如何才能做到这一点？

下面是我在模式对话框中的HTML结构：

<div id="container">
    <div id="leftColumn">
        <div id="picture">
        </div>

        <div id="information">
        </div>
    </div>
    <div id="rightColumn">
        <p>Looooong text...</p>
    </div>
</div>

下面是相应的CSS：

#leftColumn {
    float: left;
}

#rightColumn {
    overflow:auto;
}

Answer 1

如果您在这些max-height:auto;中使用定位，它将非常有用设置div可以帮助您