圖像沒有固定在div中？

我有一個div，我需要把不同大小的圖像。我使用了最大高度，div大小因圖像大小而異。沒關係，如果圖像很小我的問題是，如果圖像很大，它會出現div。我可以在div中修復它嗎？這裏是我在一個對話框中打開這個html的圖像沒有固定在div中？

 <div id="zoomdialog" style="display:none"> 
     <div style="border:1px solid black; top:0%; right:1%; 
      position:absolute;cursor:pointer;" class="zoomremoveclass"> 
       <img id="zoomremove" src="imag/bdelete.png"height="15"/>   
     </div> 
     <div class="loaddialog" style="border:1px solid black; text-align:center;"> 
       <img style="max-height:100%; max-width:100%;" id="zoomimg" src="" /> 
      </div> 
     </div>

，在loaddialog類圖像出來的div如果圖像是大的。這裏是對話框初始化。

var height1 = screen.height-100; 
    $('#zoomdialog').dialog({ 
    maxHeight: height1, 
autoOpen: false, 
width: '40%', 
modal:true, 
resizable: false, 
draggable: false 
});

如何修復圖像中的div？請幫忙嗎？

來源

2014-03-25 Vidia

你可以使用css屬性overflow：hidden作爲容器div。它只會顯示適合div高度的圖像部分。（我假設對你無所謂）

來源

2014-03-25 09:27:40

這並沒有解決我的問題:( – Vidia

圖像仍然出來的div？ –

你是否應用overflow：隱藏到與類「loaddialog」的div？ –

圖像沒有固定在div中？

回答

相關問題