2011-12-28 39 views
1

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

回答

0

,如果你在這些div使用的定位將是很大的幫助 設立max-width:as you require;max-height:auto;可以幫到你