html - 无论物理尺寸如何，如何在任何显示器上的相同位置显示 div

Question

我想将添加div 放置在任何显示器上的相同位置，无论显示器的物理尺寸是否相同。这怎么可能 ？

<div id="iphone">
    <div id = "add" style="position:absolute; left:37%; top:23%; width:52%; height:77%; z-index:1">

           <iframe src='index.php/test.php' frameborder='1'; width='452%'; height='79%';scrolling='yes'; align='center';></iframe>
      </div>
</div>​

CSS是：

#iphone 
{
width: 35%;
height: 100%;
margin: 0 auto;
margin-top: 5%;
padding-left: 1px;
background: url("/debug-console/images/img_iphone.jpg") no-repeat;
background-position:center;  
}
#add 
{
margin: 0 0 0;
border: 0;
}             

任何帮助将不胜感激在此先感谢:)

Answer 1

position: fixed;
top: 50px;
left: 50px;

将始终使其距顶部和左侧 50 像素，无论如何，或者position: absolute;如果您希望它与浏览器一起滚动，请使用

Answer 2

当您使用百分比来设置位置时，例如top:23%;，如果您最小化屏幕 - 空间也会最小化，因此，如果您希望空间始终保持不变，则必须使用像素。（例如 - top:100px;）