0

ディスプレイの物理的な寸法が同じであるかどうかに関係なく、adddivをディスプレイの同じ場所に配置したいと思います。どうしてそれは可能ですか？

<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;
}

どんな助けでも深く感謝します事前に感謝します:)

4

2 に答える 2

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

何に関係なく、常に上下から50pxにするposition: absolute;か、ブラウザでスクロールしたい場合に使用します

于 2012-10-18T08:04:57.447 に答える
0

のようにパーセンテージを使用して位置を設定するtop:23%;場合、画面を最小化すると、スペースも最小化されます。したがって、スペースを常に同じに保つには、ピクセルを使用する必要があります。（たとえばtop:100px;-）

于 2012-10-18T08:07:13.370 に答える