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

如果你在这些div中使用定位，那将会非常有帮助 设置max-width:as you require; max-height:auto;可以帮助您