格移動時放大/縮小在所有瀏覽器

Question

我有一個DIV如下結構

<div class="usrbox"> 
    <form method='post' action="index.php?e=67"> 
     <input type='hidden' name="index" value="34"> 
     <input type='hidden' name="id" value="1074580"> 
     <p> 
      <input type='image' width=10 height=10 src="/images/ok.gif" border=0 title="ok" align='bottom'> 
     </p> 
    </form> 
</div> 

現在，當我在或縮小瀏覽器縮放，「usrbox」移動左/右...

在這裏尋找幫助非常糟糕。

.usrbox { 
    font-size: medium; 
    position: relative; 
    left: 30em; 
} 

Answer 1

您給出了em的左偏移量。由於該單位是相對於字體wize（隨着縮放而改變），該框移動。