在所有浏览器中放大/缩小时div移动

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（在缩放时改变），因此框会移动。