SimpleModal - 滚动浮动 div答案

【问题标题】：SimpleModal - scroll floated divSimpleModal - 滚动浮动 div
【发布时间】：2011-12-28 12:36:58
【问题描述】：

我正在使用 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;
}

【问题讨论】：

标签： css scrollbar simplemodal

【解决方案1】：

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

【讨论】：