当放大/缩小时，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>" 

这必须解决您的问题。