SimpleModal - 滚动浮动div

我正在使用jQuery SimpleModal来显示产品信息。为此，我有两个div将被显示在一个模式对话框中：左边的div保存产品徽标和标志下的一些说明。正确的div保存有关产品的详细信息。右侧div的内容可能会变得很长。SimpleModal - 滚动浮动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; 
}

来源

2011-12-28 user1119260

，如果你在这些div使用的定位将是很大的帮助设立max-width:as you require;max-height:auto;可以帮到你

来源

2012-01-03 10:34:48

SimpleModal - 滚动浮动div

回答

相关问题