css - SimpleModal - 滚动 float div

Question

我正在使用 jQuery SimpleModal 来显示产品信息。为此，我有两个 div，它们将显示在一个模式对话框中:左边的 div 包含产品 Logo 和 Logo 正下方的一些描述。右侧的 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; 可以帮助你