當放大/縮小時，div的位置發生變化

Question

我花了很多時間找出解決方案並尋求幫助。任何指針都會有很大的幫助。

我有一個圖像位於頁面的右上角。點擊這個我必須在圖像下方顯示一個下拉列表。 以下是代碼。

<div style=\"margin-right: 3px;\" > 
      <div style=\"position:absolute;\">       
      <a href=\"javascript:testpopup()\" ><img id =\"Img\" align=\"left\" src=\"qual.png\" onload=\"javascript:Count()\" /></a>" + 

      <div id=\"Count\" style=\"float: left;\"> </div>   
      </div> 

      <div class=\"Popup_Position\" style=\"position:absolute;display:block;\" > 
       <div id=\"Table\" style=\"position:absolute;display:block;width: 278px;\" > 

        </div> 


      </div> 
    </div> 

div計數位於圖像旁邊，div表位於圖像下方。 它在100％縮放下正常工作。但是放大/縮小時，div會從圖像中移開。此外，縮放中的內容溢出並且div大小發生變化。 請建議可以做什麼..謝謝..

Answer 1

嗨，你可以使用這種風格與形象：

<a href=\"javascript:testpopup()\" ><img id =\"Img\" align=\"left\" src=\"qual.png\" onload=\"javascript:Count()\" style=\"max-width:100%;\" /></a>" 

這必須解決您的問題。